<body class="logged-out env-production page-responsive header-overlay home-campaign" style="word-wrap: break-word;">
  <div data-turbo-body="" class="logged-out env-production page-responsive header-overlay home-campaign" style="word-wrap: break-word;">
    


  <div class="position-relative js-header-wrapper ">
    <a href="#start-of-content" class="px-2 py-4 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a>
    <span data-view-component="true" class="progress-pjax-loader Progress position-fixed width-full">
  <span style="width: 0%;" data-view-component="true" class="Progress-item progress-pjax-loader-bar left-0 top-0 color-bg-accent-emphasis"></span>
</span>      
    


      

          <script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/vendors-node_modules_github_remote-form_dist_index_js-node_modules_github_memoize_dist_esm_in-687f35-d131f0b6de8e.js"></script>
<script crossorigin="anonymous" defer="defer" type="application/javascript" src="https://github.githubassets.com/assets/sessions-2638decb9ee5.js"></script>
<header class="Header-old header-logged-out js-details-container Details position-relative f4 py-3" role="banner">
<button type="button" class="Header-backdrop d-lg-none border-0 position-fixed top-0 left-0 width-full height-full js-details-target" aria-label="Toggle navigation">
  <span class="d-none">Toggle navigation</span>
</button>

<div class="container-xl d-flex flex-column flex-lg-row flex-items-center p-responsive height-full position-relative z-1">
  <div class="d-flex flex-justify-between flex-items-center width-full width-lg-auto">
    <a class="mr-lg-3 color-fg-inherit flex-order-2" href="https://github.com/" aria-label="Homepage" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
      <svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github">
  <path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>
</svg>
    </a>

      <div class="flex-1">
        <a href="/signup?ref_cta=Sign+up&amp;ref_loc=header+logged+out&amp;ref_page=%2F&amp;source=header-home" class="d-inline-block d-lg-none flex-order-1 f5 no-underline border color-border-default rounded-2 px-2 py-1 color-fg-inherit" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="520d87e8f83281e6946b192f0f840552721c7fcba9b9c36d802e898a816314e2">
          Sign&nbsp;up
        </a>
      </div>

    <div class="flex-1 flex-order-2 text-right">
        <button aria-label="Toggle navigation" aria-expanded="false" type="button" data-view-component="true" class="js-details-target Button--link Button--medium Button d-lg-none color-fg-inherit p-1">    <span class="Button-content">
    <span class="Button-label"><div class="HeaderMenu-toggle-bar rounded my-1"></div>
          <div class="HeaderMenu-toggle-bar rounded my-1"></div>
          <div class="HeaderMenu-toggle-bar rounded my-1"></div></span>
  </span>
</button>  
    </div>
  </div>


  <div class="HeaderMenu--logged-out p-responsive height-fit position-lg-relative d-lg-flex flex-column flex-auto pt-7 pb-4 top-0">
    <div class="header-menu-wrapper d-flex flex-column flex-self-end flex-lg-row flex-justify-between flex-auto p-3 p-lg-0 rounded rounded-lg-0 mt-3 mt-lg-0">
        <nav class="mt-0 px-3 px-lg-0 mb-3 mb-lg-0" aria-label="Global">
          <ul class="d-lg-flex list-style-none">
              <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item">
    <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-3 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false">
      Product
      <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1">
  <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path>
</svg>
    </button>
    <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 py-2 py-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 d-lg-flex dropdown-menu-wide">
        <div class="px-lg-4 border-lg-right mb-4 mb-lg-0 pr-lg-7">
          <ul class="list-style-none f5">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Actions&quot;,&quot;label&quot;:&quot;ref_cta:Actions;&quot;}" href="/features/actions">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-workflow color-fg-subtle mr-3">
  <path d="M1 3a2 2 0 0 1 2-2h6.5a2 2 0 0 1 2 2v6.5a2 2 0 0 1-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 0 1 2-2H21a2 2 0 0 1 2 2V21a2 2 0 0 1-2 2h-6.5a2 2 0 0 1-2-2v-2.5H8.437A2.939 2.939 0 0 1 5.5 15.562V11.5H3a2 2 0 0 1-2-2Zm2-.5a.5.5 0 0 0-.5.5v6.5a.5.5 0 0 0 .5.5h6.5a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5ZM14.5 14a.5.5 0 0 0-.5.5V21a.5.5 0 0 0 .5.5H21a.5.5 0 0 0 .5-.5v-6.5a.5.5 0 0 0-.5-.5Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Actions</div>
      Automate any workflow
    </div>

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Packages&quot;,&quot;label&quot;:&quot;ref_cta:Packages;&quot;}" href="/features/packages">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-package color-fg-subtle mr-3">
  <path d="M12.876.64V.639l8.25 4.763c.541.313.875.89.875 1.515v9.525a1.75 1.75 0 0 1-.875 1.516l-8.25 4.762a1.748 1.748 0 0 1-1.75 0l-8.25-4.763a1.75 1.75 0 0 1-.875-1.515V6.917c0-.625.334-1.202.875-1.515L11.126.64a1.748 1.748 0 0 1 1.75 0Zm-1 1.298L4.251 6.34l7.75 4.474 7.75-4.474-7.625-4.402a.248.248 0 0 0-.25 0Zm.875 19.123 7.625-4.402a.25.25 0 0 0 .125-.216V7.639l-7.75 4.474ZM3.501 7.64v8.803c0 .09.048.172.125.216l7.625 4.402v-8.947Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Packages</div>
      Host and manage packages
    </div>

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Security&quot;,&quot;label&quot;:&quot;ref_cta:Security;&quot;}" href="/features/security">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-shield-check color-fg-subtle mr-3">
  <path d="M16.53 9.78a.75.75 0 0 0-1.06-1.06L11 13.19l-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5-5Z"></path><path d="m12.54.637 8.25 2.675A1.75 1.75 0 0 1 22 4.976V10c0 6.19-3.771 10.704-9.401 12.83a1.704 1.704 0 0 1-1.198 0C5.77 20.705 2 16.19 2 10V4.976c0-.758.489-1.43 1.21-1.664L11.46.637a1.748 1.748 0 0 1 1.08 0Zm-.617 1.426-8.25 2.676a.249.249 0 0 0-.173.237V10c0 5.46 3.28 9.483 8.43 11.426a.199.199 0 0 0 .14 0C17.22 19.483 20.5 15.461 20.5 10V4.976a.25.25 0 0 0-.173-.237l-8.25-2.676a.253.253 0 0 0-.154 0Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Security</div>
      Find and fix vulnerabilities
    </div>

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Codespaces&quot;,&quot;label&quot;:&quot;ref_cta:Codespaces;&quot;}" href="/features/codespaces">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-codespaces color-fg-subtle mr-3">
  <path d="M3.5 3.75C3.5 2.784 4.284 2 5.25 2h13.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 18.75 13H5.25a1.75 1.75 0 0 1-1.75-1.75Zm-2 12c0-.966.784-1.75 1.75-1.75h17.5c.966 0 1.75.784 1.75 1.75v4a1.75 1.75 0 0 1-1.75 1.75H3.25a1.75 1.75 0 0 1-1.75-1.75ZM5.25 3.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h13.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Zm-2 12a.25.25 0 0 0-.25.25v4c0 .138.112.25.25.25h17.5a.25.25 0 0 0 .25-.25v-4a.25.25 0 0 0-.25-.25Z"></path><path d="M10 17.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Codespaces</div>
      Instant dev environments
    </div>

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Copilot&quot;,&quot;label&quot;:&quot;ref_cta:Copilot;&quot;}" href="/features/copilot">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-copilot color-fg-subtle mr-3">
  <path d="M9.75 14a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 .75-.75Zm4.5 0a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 .75-.75Z"></path><path d="M12 2c2.214 0 4.248.657 5.747 1.756.136.099.268.204.397.312.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086l.633 1.478.043.022A4.75 4.75 0 0 1 24 15.222v1.028c0 .529-.309.987-.565 1.293-.28.336-.636.653-.966.918a13.84 13.84 0 0 1-1.299.911l-.024.015-.006.004-.039.025c-.223.135-.45.264-.68.386-.46.245-1.122.571-1.941.895C16.845 21.344 14.561 22 12 22c-2.561 0-4.845-.656-6.479-1.303a19.046 19.046 0 0 1-1.942-.894 14.081 14.081 0 0 1-.535-.3l-.144-.087-.04-.025-.006-.004-.024-.015a13.16 13.16 0 0 1-1.299-.911 6.913 6.913 0 0 1-.967-.918C.31 17.237 0 16.779 0 16.25v-1.028a4.75 4.75 0 0 1 2.626-4.248l.043-.022.633-1.478a10.195 10.195 0 0 1-.052-1.086c0-1.331.282-2.498 1.132-3.368.397-.406.89-.717 1.474-.952.129-.108.261-.213.397-.312C7.752 2.657 9.786 2 12 2Zm-8 9.654v6.669a17.59 17.59 0 0 0 2.073.98C7.595 19.906 9.686 20.5 12 20.5c2.314 0 4.405-.594 5.927-1.197a17.59 17.59 0 0 0 2.073-.98v-6.669l-.038-.09c-.046.061-.095.12-.145.177-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.544-3.508-1.492a4.323 4.323 0 0 1-.355-.508h-.344a4.323 4.323 0 0 1-.355.508C10.704 12.456 9.555 13 7.965 13c-1.725 0-2.989-.359-3.782-1.259a3.026 3.026 0 0 1-.145-.177Zm6.309-1.092c.445-.547.708-1.334.851-2.301.057-.357.087-.718.09-1.079v-.031c-.001-.762-.166-1.26-.43-1.568l-.008-.01c-.341-.391-1.046-.689-2.533-.529-1.505.163-2.347.537-2.824 1.024-.462.473-.705 1.18-.705 2.32 0 .605.044 1.087.135 1.472.092.384.231.672.423.89.365.413 1.084.75 2.657.75.91 0 1.527-.223 1.964-.564.14-.11.268-.235.38-.374Zm2.504-2.497c.136 1.057.403 1.913.878 2.497.442.545 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.151.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.318-.862-2.824-1.025-1.487-.161-2.192.139-2.533.529-.268.308-.437.808-.438 1.578v.02c.002.299.023.598.063.894Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Copilot</div>
      Write better code with AI
    </div>

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Code review&quot;,&quot;label&quot;:&quot;ref_cta:Code review;&quot;}" href="/features/code-review">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-code-review color-fg-subtle mr-3">
  <path d="M10.3 6.74a.75.75 0 0 1-.04 1.06l-2.908 2.7 2.908 2.7a.75.75 0 1 1-1.02 1.1l-3.5-3.25a.75.75 0 0 1 0-1.1l3.5-3.25a.75.75 0 0 1 1.06.04Zm3.44 1.06a.75.75 0 1 1 1.02-1.1l3.5 3.25a.75.75 0 0 1 0 1.1l-3.5 3.25a.75.75 0 1 1-1.02-1.1l2.908-2.7-2.908-2.7Z"></path><path d="M1.5 4.25c0-.966.784-1.75 1.75-1.75h17.5c.966 0 1.75.784 1.75 1.75v12.5a1.75 1.75 0 0 1-1.75 1.75h-9.69l-3.573 3.573A1.458 1.458 0 0 1 5 21.043V18.5H3.25a1.75 1.75 0 0 1-1.75-1.75ZM3.25 4a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 .75.75v3.19l3.72-3.72a.749.749 0 0 1 .53-.22h10a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Code review</div>
      Manage code changes
    </div>

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center pb-lg-3" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Issues&quot;,&quot;label&quot;:&quot;ref_cta:Issues;&quot;}" href="/features/issues">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-issue-opened color-fg-subtle mr-3">
  <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Zm9.5 2a2 2 0 1 1-.001-3.999A2 2 0 0 1 12 14Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Issues</div>
      Plan and track work
    </div>

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Discussions&quot;,&quot;label&quot;:&quot;ref_cta:Discussions;&quot;}" href="/features/discussions">
    <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-comment-discussion color-fg-subtle mr-3">
  <path d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 14.25 14H8.061l-2.574 2.573A1.458 1.458 0 0 1 3 15.543V14H1.75A1.75 1.75 0 0 1 0 12.25v-9.5C0 1.784.784 1 1.75 1ZM1.5 2.75v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z"></path><path d="M22.5 8.75a.25.25 0 0 0-.25-.25h-3.5a.75.75 0 0 1 0-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 22.25 20H21v1.543a1.457 1.457 0 0 1-2.487 1.03L15.939 20H10.75A1.75 1.75 0 0 1 9 18.25v-1.465a.75.75 0 0 1 1.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 0 1 .53.22l2.72 2.72v-2.19a.75.75 0 0 1 .75-.75h2a.25.25 0 0 0 .25-.25v-9.5Z"></path>
</svg>
    <div>
      <div class="color-fg-default h4">Discussions</div>
      Collaborate outside of code
    </div>

  
</a></li>

          </ul>
        </div>
        <div class="px-lg-4">
            <span class="d-block h4 color-fg-default my-1" id="product-explore-heading">Explore</span>
          <ul class="list-style-none f5" aria-labelledby="product-explore-heading">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to All features&quot;,&quot;label&quot;:&quot;ref_cta:All features;&quot;}" href="/features">
    All features

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Documentation&quot;,&quot;label&quot;:&quot;ref_cta:Documentation;&quot;}" href="https://docs.github.com">
    Documentation

  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle">
  <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path>
</svg>
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to GitHub Skills&quot;,&quot;label&quot;:&quot;ref_cta:GitHub Skills;&quot;}" href="https://skills.github.com/">
    GitHub Skills

  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle">
  <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path>
</svg>
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Product&quot;,&quot;action&quot;:&quot;click to go to Blog&quot;,&quot;label&quot;:&quot;ref_cta:Blog;&quot;}" href="https://github.blog">
    Blog

  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle">
  <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path>
</svg>
</a></li>

          </ul>
        </div>
    </div>
</li>


              <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item">
    <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-3 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false">
      Solutions
      <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1">
  <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path>
</svg>
    </button>
    <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 py-2 py-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 px-lg-4">
        <div class="border-bottom pb-3 mb-3">
            <span class="d-block h4 color-fg-default my-1" id="solutions-for-heading">For</span>
          <ul class="list-style-none f5" aria-labelledby="solutions-for-heading">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to Enterprise&quot;,&quot;label&quot;:&quot;ref_cta:Enterprise;&quot;}" href="/enterprise">
    Enterprise

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to Teams&quot;,&quot;label&quot;:&quot;ref_cta:Teams;&quot;}" href="/team">
    Teams

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to Startups&quot;,&quot;label&quot;:&quot;ref_cta:Startups;&quot;}" href="/enterprise/startups">
    Startups

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to Education&quot;,&quot;label&quot;:&quot;ref_cta:Education;&quot;}" href="https://education.github.com">
    Education

  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle">
  <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path>
</svg>
</a></li>

          </ul>
        </div>
        <div class="border-bottom pb-3 mb-3">
            <span class="d-block h4 color-fg-default my-1" id="solutions-by-solution-heading">By Solution</span>
          <ul class="list-style-none f5" aria-labelledby="solutions-by-solution-heading">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to CI/CD &amp;amp; Automation&quot;,&quot;label&quot;:&quot;ref_cta:CI/CD &amp;amp; Automation;&quot;}" href="/solutions/ci-cd/">
    CI/CD &amp; Automation

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to DevOps&quot;,&quot;label&quot;:&quot;ref_cta:DevOps;&quot;}" href="https://resources.github.com/devops/">
    DevOps

  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle">
  <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path>
</svg>
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to DevSecOps&quot;,&quot;label&quot;:&quot;ref_cta:DevSecOps;&quot;}" href="https://resources.github.com/devops/fundamentals/devsecops/">
    DevSecOps

  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle">
  <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path>
</svg>
</a></li>

          </ul>
        </div>
        <div class="">
            <span class="d-block h4 color-fg-default my-1" id="solutions-case-studies-heading">Case Studies</span>
          <ul class="list-style-none f5" aria-labelledby="solutions-case-studies-heading">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to Customer Stories&quot;,&quot;label&quot;:&quot;ref_cta:Customer Stories;&quot;}" href="/customer-stories">
    Customer Stories

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" target="_blank" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Solutions&quot;,&quot;action&quot;:&quot;click to go to Resources&quot;,&quot;label&quot;:&quot;ref_cta:Resources;&quot;}" href="https://resources.github.com/">
    Resources

  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-link-external HeaderMenu-external-icon color-fg-subtle">
  <path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path>
</svg>
</a></li>

          </ul>
        </div>
    </div>
</li>


              <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item">
    <button type="button" class="HeaderMenu-link border-0 width-full width-lg-auto px-0 px-lg-2 py-3 py-lg-2 no-wrap d-flex flex-items-center flex-justify-between js-details-target" aria-expanded="false">
      Open Source
      <svg opacity="0.5" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down HeaderMenu-icon ml-1">
  <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path>
</svg>
    </button>
    <div class="HeaderMenu-dropdown dropdown-menu rounded m-0 p-0 py-2 py-lg-4 position-relative position-lg-absolute left-0 left-lg-n3 px-lg-4">
        <div class="border-bottom pb-3 mb-3">
          <ul class="list-style-none f5">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Open Source&quot;,&quot;action&quot;:&quot;click to go to GitHub Sponsors&quot;,&quot;label&quot;:&quot;ref_cta:GitHub Sponsors;&quot;}" href="/sponsors">
    
    <div>
      <div class="color-fg-default h4">GitHub Sponsors</div>
      Fund open source developers
    </div>

  
</a></li>

          </ul>
        </div>
        <div class="border-bottom pb-3 mb-3">
          <ul class="list-style-none f5">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary d-flex flex-items-center" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Open Source&quot;,&quot;action&quot;:&quot;click to go to The ReadME Project&quot;,&quot;label&quot;:&quot;ref_cta:The ReadME Project;&quot;}" href="/readme">
    
    <div>
      <div class="color-fg-default h4">The ReadME Project</div>
      GitHub community articles
    </div>

  
</a></li>

          </ul>
        </div>
        <div class="">
            <span class="d-block h4 color-fg-default my-1" id="open-source-repositories-heading">Repositories</span>
          <ul class="list-style-none f5" aria-labelledby="open-source-repositories-heading">
              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Open Source&quot;,&quot;action&quot;:&quot;click to go to Topics&quot;,&quot;label&quot;:&quot;ref_cta:Topics;&quot;}" href="/topics">
    Topics

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Open Source&quot;,&quot;action&quot;:&quot;click to go to Trending&quot;,&quot;label&quot;:&quot;ref_cta:Trending;&quot;}" href="/trending">
    Trending

  
</a></li>

              <li>
<a class="HeaderMenu-dropdown-link lh-condensed d-block no-underline position-relative py-2 Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Header dropdown (logged out), Open Source&quot;,&quot;action&quot;:&quot;click to go to Collections&quot;,&quot;label&quot;:&quot;ref_cta:Collections;&quot;}" href="/collections">
    Collections

  
</a></li>

          </ul>
        </div>
    </div>
</li>


              <li class="HeaderMenu-item position-relative flex-wrap flex-justify-between flex-items-center d-block d-lg-flex flex-lg-nowrap flex-lg-items-center js-details-container js-header-menu-item">
  <a class="HeaderMenu-link no-underline px-0 px-lg-2 py-3 py-lg-2 d-block d-lg-inline-block" data-analytics-event="{&quot;category&quot;:&quot;Header menu top item (logged out)&quot;,&quot;action&quot;:&quot;click to go to Pricing&quot;,&quot;label&quot;:&quot;ref_cta:Pricing;&quot;}" href="/pricing">Pricing</a>
</li>

          </ul>
        </nav>

      <div class="d-lg-flex flex-items-center px-3 px-lg-0 mb-3 mb-lg-0 text-center text-lg-left">
          <div class="d-lg-flex min-width-0 mb-2 mb-lg-0">
            



<div class="header-search flex-auto position-relative js-site-search flex-self-stretch flex-md-self-auto mb-3 mb-md-0 mr-0 mr-md-3 js-jump-to">
<div class="position-relative">
  <!-- '"` --><!-- </textarea></xmp> --><form class="js-site-search-form" role="search" aria-label="Site" data-unscoped-search-url="/search" data-turbo="false" action="/search" accept-charset="UTF-8" method="get">
    <label class="form-control header-search-wrapper input-sm p-0 js-chromeless-input-container header-search-wrapper-jump-to position-relative d-flex flex-justify-between flex-items-center">
      <input type="text" class="form-control js-site-search-focus header-search-input jump-to-field js-jump-to-field" data-hotkey="s,/" name="q" placeholder="Search GitHub" data-unscoped-placeholder="Search GitHub" data-scoped-placeholder="Search" autocapitalize="off" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-autocomplete="list" aria-controls="jump-to-results" aria-label="Search GitHub" data-jump-to-suggestions-path="/_graphql/GetSuggestedNavigationDestinations" spellcheck="false" autocomplete="off">
      <input type="hidden" data-csrf="true" class="js-data-jump-to-suggestions-path-csrf" value="swHAVRBRINpmPeAYVg1r3mPr2f2hmaRBsSpAe564nd2GSWaPucR1E/WIMsJVthBLF7DoQ8Az/8i1JG2fCa2SGA==">
      <input type="hidden" class="js-site-search-type-field" name="type">
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" aria-hidden="true" class="mr-1 header-search-key-slash"><path fill="none" stroke="#979A9C" opacity=".4" d="M3.5.5h12c1.7 0 3 1.3 3 3v13c0 1.7-1.3 3-3 3h-12c-1.7 0-3-1.3-3-3v-13c0-1.7 1.3-3 3-3z"></path><path fill="#979A9C" d="M11.8 6L8 15.1h-.9L10.8 6h1z"></path></svg>


        <div class="Box position-absolute overflow-hidden d-none jump-to-suggestions js-jump-to-suggestions-container">
          
<ul class="d-none js-jump-to-suggestions-template-container">


<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-suggestion" role="option">
<a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="suggestion">
  <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
    <svg title="Repository" aria-label="Repository" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0">
  <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
</svg>
    <svg title="Project" aria-label="Project" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0">
  <path d="M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25ZM11.75 3a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 .75-.75Zm-8.25.75a.75.75 0 0 1 1.5 0v5.5a.75.75 0 0 1-1.5 0ZM8 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 3Z"></path>
</svg>
    <svg title="Search" aria-label="Search" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0">
  <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path>
</svg>
  </div>

  <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

  <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
  </div>

  <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search">
    <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub">
      Search
    </span>
    <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
      All GitHub
    </span>
    <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>

  <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
    Jump to
    <span class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>
</a>
</li>

</ul>

<ul class="d-none js-jump-to-no-results-template-container">
<li class="d-flex flex-justify-center flex-items-center f5 d-none js-jump-to-suggestion p-2">
  <span class="color-fg-muted">No suggested jump to results</span>
</li>
</ul>

<ul id="jump-to-results" role="listbox" class="p-0 m-0 js-navigation-container jump-to-suggestions-results-container js-jump-to-suggestions-results-container">


<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-scoped-search d-none" role="option">
<a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="scoped_search">
  <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
    <svg title="Repository" aria-label="Repository" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0">
  <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
</svg>
    <svg title="Project" aria-label="Project" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0">
  <path d="M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25ZM11.75 3a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 .75-.75Zm-8.25.75a.75.75 0 0 1 1.5 0v5.5a.75.75 0 0 1-1.5 0ZM8 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 3Z"></path>
</svg>
    <svg title="Search" aria-label="Search" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0">
  <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path>
</svg>
  </div>

  <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

  <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
  </div>

  <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search">
    <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub">
      Search
    </span>
    <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
      All GitHub
    </span>
    <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>

  <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
    Jump to
    <span class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>
</a>
</li>



<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-owner-scoped-search d-none" role="option">
<a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="owner_scoped_search">
  <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
    <svg title="Repository" aria-label="Repository" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0">
  <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
</svg>
    <svg title="Project" aria-label="Project" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0">
  <path d="M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25ZM11.75 3a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 .75-.75Zm-8.25.75a.75.75 0 0 1 1.5 0v5.5a.75.75 0 0 1-1.5 0ZM8 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 3Z"></path>
</svg>
    <svg title="Search" aria-label="Search" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0">
  <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path>
</svg>
  </div>

  <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

  <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
  </div>

  <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search">
    <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub">
      Search
    </span>
    <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
      All GitHub
    </span>
    <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>

  <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
    Jump to
    <span class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>
</a>
</li>



<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-global-search d-none" role="option">
<a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="" data-item-type="global_search">
  <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
    <svg title="Repository" aria-label="Repository" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo js-jump-to-octicon-repo d-none flex-shrink-0">
  <path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path>
</svg>
    <svg title="Project" aria-label="Project" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-project js-jump-to-octicon-project d-none flex-shrink-0">
  <path d="M1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0ZM1.5 1.75v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25ZM11.75 3a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 .75-.75Zm-8.25.75a.75.75 0 0 1 1.5 0v5.5a.75.75 0 0 1-1.5 0ZM8 3a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 3Z"></path>
</svg>
    <svg title="Search" aria-label="Search" role="img" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-search js-jump-to-octicon-search d-none flex-shrink-0">
  <path d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"></path>
</svg>
  </div>

  <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

  <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
  </div>

  <div class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none js-jump-to-badge-search">
    <span class="js-jump-to-badge-search-text-default d-none" aria-label="in all of GitHub">
      Search
    </span>
    <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
      All GitHub
    </span>
    <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>

  <div aria-hidden="true" class="border rounded-2 flex-shrink-0 color-bg-subtle px-1 color-fg-muted ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
    Jump to
    <span class="d-inline-block ml-1 v-align-middle">↵</span>
  </div>
</a>
</li>


</ul>

        </div>
    </label>
</form>  </div>
</div>

          </div>

        <div class="position-relative mr-lg-3 d-lg-inline-block">
          <a href="/login" class="HeaderMenu-link HeaderMenu-link--sign-in flex-shrink-0 no-underline d-block d-lg-inline-block border border-lg-0 rounded rounded-lg-0 p-2 p-lg-0" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="cd4f672ed9a2fa51ea92c28de162e81edb2d11a2aad6884ec89a6d60b21b1cfb" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">
            Sign in
          </a>
        </div>

          <a href="/signup?ref_cta=Sign+up&amp;ref_loc=header+logged+out&amp;ref_page=%2F&amp;source=header-home" class="HeaderMenu-link HeaderMenu-link--sign-up flex-shrink-0 d-none d-lg-inline-block no-underline border color-border-default rounded px-2 py-1" data-hydro-click="{&quot;event_type&quot;:&quot;authentication.click&quot;,&quot;payload&quot;:{&quot;location_in_page&quot;:&quot;site header menu&quot;,&quot;repository_id&quot;:null,&quot;auth_type&quot;:&quot;SIGN_UP&quot;,&quot;originating_url&quot;:&quot;https://github.com/&quot;,&quot;user_id&quot;:null}}" data-hydro-click-hmac="cd4f672ed9a2fa51ea92c28de162e81edb2d11a2aad6884ec89a6d60b21b1cfb" data-analytics-event="{&quot;category&quot;:&quot;Sign up&quot;,&quot;action&quot;:&quot;click to sign up for account&quot;,&quot;label&quot;:&quot;ref_page:/;ref_cta:Sign up;ref_loc:header logged out&quot;}">
            Sign up
          </a>
      </div>
    </div>
  </div>
</div>
</header>

  </div>

<div id="start-of-content" class="show-on-focus"></div>








  <div id="js-flash-container" data-turbo-replace="">





<template class="js-flash-template">
  
<div class="flash flash-full   {{ className }}">
<div class="px-2">
  <button autofocus="" class="flash-close js-flash-close" type="button" aria-label="Dismiss this message">
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
  <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
</svg>
  </button>
  <div aria-atomic="true" role="alert" class="js-flash-alert">
    
    <div>{{ message }}</div>

  </div>
</div>
</div>
</template>
</div>


  
  <include-fragment class="js-notification-shelf-include-fragment" data-base-src="https://github.com/notifications/beta/shelf"></include-fragment>






<div class="application-main " data-commit-hovercards-enabled="" data-discussion-hovercards-enabled="" data-issue-and-pr-hovercards-enabled="">
      <main class="font-mktg">



<div class="overflow-hidden" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark">
<div class="container-xl position-relative">
  <picture>
      <source media="(max-width: 768px)" type="image/webp" srcset="https://github.githubassets.com/images/modules/site/home-campaign/hero-bg-md.webp 1x, https://github.githubassets.com/images/modules/site/home-campaign/hero-bg.webp 2x">
      <source media="(min-width: 1280px)" type="image/webp" srcset="https://github.githubassets.com/images/modules/site/home-campaign/hero-bg.webp 1x, https://github.githubassets.com/images/modules/site/home-campaign/hero-bg-2x.webp 2x">

    <img alt="" aria-hidden="true" width="4377" class="position-absolute top-0 events-none" style="right: -1050px; max-width: calc(230vw + 1670px)" src="https://github.githubassets.com/images/modules/site/home-campaign/hero-bg.webp">
  </picture>
</div>

<div class="px-3 home-campaign-hero">
<div class="position-relative pt-3 pt-md-8 pt-lg-12 container-xl js-build-in-trigger build-in-animate" data-hpc="">
  <img src="https://github.githubassets.com/images/modules/site/home-campaign/hero-drone.webp" alt="" class="home-drone position-absolute top-12 right-0 events-none col-3 height-auto js-build-in-item build-in-animate" width="500" height="326">

  <div class="d-flex">
    <div class="col-1 d-flex flex-column events-none position-relative">
      <img alt="" aria-hidden="true" class="home-campaign-lines-hero position-relative" width="437" height="637" src="https://github.githubassets.com/images/modules/site/home-campaign/lines-hero.svg">

      <div class="mx-auto my-3 home-campaign-glowing-icon">
        <div class="position-relative d-inline-block z-1">
          <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-code">
  <path d="M15.22 4.97a.75.75 0 0 1 1.06 0l6.5 6.5a.75.75 0 0 1 0 1.06l-6.5 6.5a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L21.19 12l-5.97-5.97a.75.75 0 0 1 0-1.06Zm-6.44 0a.75.75 0 0 1 0 1.06L2.81 12l5.97 5.97a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-6.5-6.5a.75.75 0 0 1 0-1.06l6.5-6.5a.75.75 0 0 1 1.06 0Z"></path>
</svg>
          <span class="position-absolute left-0 top-0 height-full width-full home-campaign-glowing-icon-glow z-n1" style="background-color: var(--mktg-accent-primary); filter: blur(17px);"></span>
        </div>
      </div>

      <div style="background: linear-gradient(#d2a8ff, #a371f7 10%, #196c2e 70%, #2ea043 80%, #56d364);" class="home-campaign-git-line height-full rounded mx-auto"></div>
    </div>

    <div class="col-11 text-left pt-12 mt-12 pl-2 pl-sm-0">
      <div class="position-relative top-md-8 z-1">
        <a class="eyebrow-banner d-inline-block no-underline color-fg-on-emphasis f5-mktg mb-4 border position-relative z-1 arrow-target-mktg text-left" data-analytics-event="{&quot;category&quot;:&quot;Eyebrow Banner&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;ref_cta:Introducing GitHub Copilot X;ref_loc:hero;&quot;}" href="/features/preview/copilot-x">
<div class="d-flex flex-items-center">
    <picture>

<source srcset="https://github.githubassets.com/images/modules/site/eyebrow-banner-icon-copilot-x.svg 44w,https://github.githubassets.com/images/modules/site/eyebrow-banner-icon-copilot-x.svg?width=35 35w,https://github.githubassets.com/images/modules/site/eyebrow-banner-icon-copilot-x.svg?width=26 26w,https://github.githubassets.com/images/modules/site/eyebrow-banner-icon-copilot-x.svg?width=22 22w,https://github.githubassets.com/images/modules/site/eyebrow-banner-icon-copilot-x.svg?width=17 17w,https://github.githubassets.com/images/modules/site/eyebrow-banner-icon-copilot-x.svg?width=8 8w" sizes="44px" type="image/svg">
<img class="eyebrow-banner-icon d-block width-auto flex-grow-0 flex-shrink-0 mr-3" width="44" height="44" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/eyebrow-banner-icon-copilot-x.svg">
</picture>
  <div class="pr-3 mr-md-1 pl-md-1">
    <div class="text-semibold lh-condensed">Introducing GitHub Copilot X</div>
    <div class="color-fg-subtle lh-condensed" data-test-selector="subtitle">Your AI pair programmer is leveling up</div>
  </div>

  <div class="ml-auto">
    <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

  </div>
</div>
</a>
      </div>

      <h1 class="h0-mktg mt-sm-6 mt-md-11 mt-lg-9 mb-2 mb-sm-4 position-relative z-2">
        Let’s build from&nbsp;here
      </h1>

      <p class="f1-mktg col-11 col-lg-10 text-normal color-fg-muted mr-lg-n4 mb-3 mb-md-4 mb-md-7 position-relative z-1">
        Harnessed for productivity. Designed for collaboration. Celebrated for built-in security. Welcome to the platform developers&nbsp;love.
      </p>

      <div class="d-flex flex-column flex-md-row">
          <!-- '"` --><!-- </textarea></xmp> --><form data-turbo="false" class="mx-0 col-12 col-md-5 js-signup-form position-relative z-2" autocomplete="off" action="/signup" accept-charset="UTF-8" method="get">              <div class="d-flex flex-column flex-md-row flex-items-center">
              <dl class="col-12 my-0 mb-3 mb-md-0 flex-auto">
                <dt>
                  <label for="user_email" class="sr-only">Email address</label>
                </dt>
                <dd>
                  <input data-color-mode="light" data-light-theme="light" data-dark-theme="dark" class="form-control f4-mktg width-full rounded-md-right-0" style="height: 3rem" placeholder="Email address" type="email" name="user_email" id="user_email" autocomplete="off" spellcheck="false">
                </dd>
              </dl>
              <input type="hidden" name="source" value="form-home-signup">
              <button class="btn-mktg width-full width-md-auto mb-3 mb-md-0 rounded-md-left-0 home-campaign-signup-button btn-signup-mktg" data-analytics-event="{&quot;category&quot;:&quot;Home campaign&quot;,&quot;action&quot;:&quot;click to Sign up for GitHub&quot;,&quot;label&quot;:&quot;ref_page:/;ref_cta:Sign up for GitHub;ref_loc:hero&quot;}" type="submit">
Sign up for GitHub


</button>
            </div>
</form>
        <div class="border-top border-md-left mx-md-3 mb-3 mb-md-0"></div>

        <a class="btn-mktg home-campaign-enterprise btn-muted-mktg" data-analytics-event="{&quot;category&quot;:&quot;Start a free enterprise trial&quot;,&quot;action&quot;:&quot;click to Start a free enterprise trial&quot;,&quot;label&quot;:&quot;ref_cta:Start a free enterprise trial;&quot;}" href="/organizations/enterprise_plan?ref_cta=Start+a+free+enterprise+trial&amp;ref_loc=Home+campaign+hero&amp;ref_page=%2F" data-test-selector="start-trial-button">
Start a free enterprise trial

<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
      </div>

      <div class="my-10 my-md-12 build-in-animate col-12">
        <p class="d-block color-fg-subtle f4-mktg">Trusted by the world’s leading&nbsp;organizations&nbsp;↘︎</p>

        <div class="d-flex flex-wrap flex-justify-around flex-md-justify-between flex-items-center col-12 col-lg-11">
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/logos/stripe.svg" alt="Stripe logo" height="44" class="my-3">
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/logos/pinterest.svg" alt="Pinterest logo" height="44" class="my-3">
          <div class="col-12 d-sm-none"></div>
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/logos/kpmg.svg" alt="KPMG logo" height="44" class="my-3">
          <div class="col-12 d-none d-sm-block d-md-none"></div>
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/logos/mercedes.svg" alt="Mercedes-Benz logo" height="44" class="my-3">
          <div class="col-12 d-sm-none"></div>
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/logos/pg.svg" alt="P&amp;G logo" height="32" class="my-3">
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/logos/telus.svg" alt="Telus logo" height="32" class="my-3">
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<div class="position-absolute">
  <div class="sub-nav-mktg js-toggler-container z-3 js-position-sticky top-0 width-full init-hidden scrollnav is-placeholder" data-original-top="0px" style="visibility: hidden; display: none; height: 80px; top: 0px !important;"></div><div class="sub-nav-mktg js-toggler-container z-3 js-sticky js-position-sticky top-0 width-full init-hidden scrollnav" data-original-top="0px" style="top: 0px !important; position: static;">
  <div class="sub-nav-mktg-wrapper d-flex flex-items-center py-3 p-responsive container-xl">
    <button type="button" class="btn-octicon sub-nav-mktg-toggle d-lg-none p-1 flex-order-1 float-right js-toggler-target mr-n1" aria-label="Toggle page navigation">
      <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-chevron-down on-hidden">
  <path d="M5.22 8.22a.749.749 0 0 0 0 1.06l6.25 6.25a.749.749 0 0 0 1.06 0l6.25-6.25a.749.749 0 1 0-1.06-1.06L12 13.939 6.28 8.22a.749.749 0 0 0-1.06 0Z"></path>
</svg>
      <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-x on-visible">
  <path d="M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z"></path>
</svg>
    </button>

    

    <div class="sub-nav-mktg-links flex-auto f4-mktg d-flex flex-column flex-lg-row gap-4">
        <a class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 js-scrollnav-item js-smoothscroll-anchor" data-analytics-event="{&quot;category&quot;:&quot;Homepage&quot;,&quot;action&quot;:&quot;click item to scroll to Productivity&quot;,&quot;label&quot;:&quot;ref_cta:Productivity;&quot;}" href="#productivity">Productivity</a>
        <a class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 js-scrollnav-item js-smoothscroll-anchor" data-analytics-event="{&quot;category&quot;:&quot;Homepage&quot;,&quot;action&quot;:&quot;click item to scroll to Collaboration&quot;,&quot;label&quot;:&quot;ref_cta:Collaboration;&quot;}" href="#collaboration">Collaboration</a>
        <a class="sub-nav-mktg-link Link--primary no-underline py-1 py-lg-2 js-scrollnav-item js-smoothscroll-anchor" data-analytics-event="{&quot;category&quot;:&quot;Homepage&quot;,&quot;action&quot;:&quot;click item to scroll to Security&quot;,&quot;label&quot;:&quot;ref_cta:Security;&quot;}" href="#security">Security</a>
    </div>

      <div class="sub-nav-mktg-ctas ml-lg-3">
          <a class="btn-mktg ml-lg-2 mt-2 mt-lg-0 d-block d-lg-inline-block btn-muted-mktg" data-analytics-event="{&quot;category&quot;:&quot;Homepage&quot;,&quot;action&quot;:&quot;click to Start a free enterprise trial&quot;,&quot;label&quot;:&quot;ref_cta:Start a free enterprise trial;ref_loc:Homepage;&quot;}" href="/organizations/enterprise_plan?ref_cta=Start+a+free+enterprise+trial&amp;ref_loc=homepage+sticky+nav&amp;ref_page=%2F">
Start a free enterprise trial

<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
          <a class="btn-mktg ml-lg-2 mt-2 mt-lg-0 d-block d-lg-inline-block" data-analytics-event="{&quot;category&quot;:&quot;Homepage&quot;,&quot;action&quot;:&quot;click to Sign up for GitHub&quot;,&quot;label&quot;:&quot;ref_cta:Sign up for GitHub;ref_loc:Homepage;&quot;}" href="/join?ref_cta=Sign+up+for+GitHub&amp;ref_loc=homepage+sticky+nav&amp;ref_page=%2F&amp;source=homepage-sticky-nav">
Sign up for GitHub

<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
      </div>
  </div>
</div>
</div>

<div class="home-campaign-productivity js-section overflow-hidden px-3 pb-8 pt-5" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark" id="productivity">
<div class="container-xl">
  
<div class="d-flex js-build-in-trigger" data-build-in-stagger="100">
  <div class="col-1 d-flex flex-column flex-items-center">
    <div class="mb-4 position-relative home-campaign-glowing-icon js-build-in-item build-in-scale-fade" style="transition-delay: 0ms;">
<svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-briefcase">
  <path d="M7.5 1.75C7.5.784 8.284 0 9.25 0h5.5c.966 0 1.75.784 1.75 1.75V4h4.75c.966 0 1.75.784 1.75 1.75v14.5A1.75 1.75 0 0 1 21.25 22H2.75A1.75 1.75 0 0 1 1 20.25V5.75C1 4.784 1.784 4 2.75 4H7.5Zm-5 10.24v8.26c0 .138.112.25.25.25h18.5a.25.25 0 0 0 .25-.25v-8.26A4.235 4.235 0 0 1 18.75 13H5.25a4.235 4.235 0 0 1-2.75-1.01Zm19-3.24v-3a.25.25 0 0 0-.25-.25H2.75a.25.25 0 0 0-.25.25v3a2.75 2.75 0 0 0 2.75 2.75h13.5a2.75 2.75 0 0 0 2.75-2.75Zm-6.5-7a.25.25 0 0 0-.25-.25h-5.5a.25.25 0 0 0-.25.25V4h6Z"></path>
</svg>
<span class="position-absolute left-0 top-0 height-full width-full home-campaign-glowing-icon-glow z-n1" style="background-color: var(--mktg-accent-primary); filter: blur(18px);"></span>
</div>

    <div class="home-campaign-git-line height-full rounded js-build-in-item build-in-scale-top" style="background: linear-gradient(#56d364, #2ea043, var(--color-canvas-default)); transition-delay: 500ms;" data-build-delay="500"></div>
  </div>

  <div class="col-11 col-lg-9 ml-2 ml-md-0 mb-6 mb-md-10">
    <h2 class="h5-mktg mb-4 text-medium js-build-in-item build-in-slideX-left" style="transition-delay: 200ms;">Productivity</h2>
    <h3 class="h3-mktg mb-4 text-medium js-build-in-item build-in-slideX-left" style="transition-delay: 300ms;">
      <span class="text-accent-primary">Accelerate high-quality software development.</span>
      Our AI-powered platform drives innovation with tools that boost developer velocity.
    </h3>
  </div>
</div>

<div class="rounded-3 border box-shadow-active-border-inverse-mktg color-bg-subtle overflow-hidden position-relative">
  <div class="d-flex flex-items-center flex-justify-between border-bottom p-3">
    <div class="d-none d-md-block">
      <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-chevron-left color-fg-muted">
  <path d="M15.28 5.22a.75.75 0 0 1 0 1.06L9.56 12l5.72 5.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215l-6.25-6.25a.75.75 0 0 1 0-1.06l6.25-6.25a.75.75 0 0 1 1.06 0Z"></path>
</svg>
      <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-chevron-right color-fg-muted">
  <path d="M8.72 18.78a.75.75 0 0 1 0-1.06L14.44 12 8.72 6.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"></path>
</svg>
    </div>
    <div class="d-flex flex-items-center flex-justify-between border px-2 py-1 rounded color-bg-default width-full width-md-auto">
      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-lock color-fg-subtle">
  <path d="M4 4a4 4 0 0 1 8 0v2h.25c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 12.25 15h-8.5A1.75 1.75 0 0 1 2 13.25v-5.5C2 6.784 2.784 6 3.75 6H4Zm8.25 3.5h-8.5a.25.25 0 0 0-.25.25v5.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25ZM10.5 6V4a2.5 2.5 0 1 0-5 0v2Z"></path>
</svg>
      <div class="px-2 px-md-8 text-truncate">mona-github-github-g59jpq2w5w7.github.dev</div>
      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sync color-fg-subtle">
  <path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"></path>
</svg>
    </div>
    <div class="d-none d-md-block">
      <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-plus color-fg-muted">
  <path d="M11.75 4.5a.75.75 0 0 1 .75.75V11h5.75a.75.75 0 0 1 0 1.5H12.5v5.75a.75.75 0 0 1-1.5 0V12.5H5.25a.75.75 0 0 1 0-1.5H11V5.25a.75.75 0 0 1 .75-.75Z"></path>
</svg>
    </div>
  </div>

  <div class="d-flex flex-items-stretch">
    <div class="d-none d-lg-block p-4 border-right">
      <svg aria-hidden="true" height="24" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true" class="octicon octicon-three-bars color-fg-muted">
  <path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z"></path>
</svg>
    </div>

    <div class="col-md-6 min-width-0">
      <div class="border-bottom">
        <ul class="list-style-none d-flex px-3 pt-3">
          <li class="px-3 py-2 color-bg-default rounded-top-2">index.html</li>
          <li class="px-3 py-2 color-fg-muted">script.js</li>
          <li class="px-3 py-2 color-fg-muted">package.json</li>
        </ul>

        <div class="color-bg-default p-4 f4 text-mono">
          <div class="d-flex ">
<div class="color-fg-subtle text-right user-select-none" style="">
      <div class="pr-2">1</div>
      <div class="pr-2">2</div>
      <div class="pr-2">3</div>
      <div class="pr-2">4</div>
      <div class="pr-2">5</div>
      <div class="pr-2">6</div>
      <div class="pr-2">7</div>
      <div class="pr-2">8</div>
      <div class="pr-2">9</div>
      <div class="pr-2">10</div>
      <div class="pr-2">11</div>
      <div class="pr-2">12</div>
</div>

<div class="flex-1 overflow-x-auto" tabindex="0">
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">&lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>position-absolute width-full color-bg-default<span class="pl-pds">"</span></span> <span class="pl-e">style</span>=<span class="pl-s"><span class="pl-pds">"</span><span class="pl-s1"><span class="pl-c1"><span class="pl-c1">bottom</span></span>: <span class="pl-c1">-4<span class="pl-k">rem</span></span>;</span><span class="pl-pds">"</span></span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">  &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>container-xl p-responsive<span class="pl-pds">"</span></span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>d-flex flex-justify-center flex-lg-justify-end color-bg-default<span class="pl-pds">"</span></span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">      &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>col-8 col-sm-7 col-md-6 col-lg-5 position-relative z-2 right-lg-n12 events-none<span class="pl-pds">"</span></span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">        &lt;<span class="pl-ent">picture</span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">          &lt;<span class="pl-ent">source</span> <span class="pl-e">srcset</span>=<span class="pl-s"><span class="pl-pds">"</span>astro-mona.webp<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>image/webp<span class="pl-pds">"</span></span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">          &lt;<span class="pl-ent">img</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>astro-mona.svg<span class="pl-pds">"</span></span> <span class="pl-e">width</span>=<span class="pl-s"><span class="pl-pds">"</span>960<span class="pl-pds">"</span></span> <span class="pl-e">height</span>=<span class="pl-s"><span class="pl-pds">"</span>967<span class="pl-pds">"</span></span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>home-astro-mona width-full position-absolute bottom-0 height-auto<span class="pl-pds">"</span></span> <span class="pl-e">alt</span>=<span class="pl-s"><span class="pl-pds">"</span>Mona looking at GitHub activity across the globe<span class="pl-pds">"</span></span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">        &lt;/<span class="pl-ent">picture</span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">      &lt;/<span class="pl-ent">div</span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">    &lt;/<span class="pl-ent">div</span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">  &lt;/<span class="pl-ent">div</span>&gt;</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-letters">&lt;/<span class="pl-ent">div</span>&gt;</span></pre>

</div>
</div>


        </div>
      </div>

      <div class="p-4">
        <ul class="list-style-none d-flex mb-3">
          <li class="pr-3">Terminal</li>
          <li class="pr-3 color-fg-muted">Output</li>
          <li class="pr-3 color-fg-muted">Problems</li>
          <li class="pr-3 color-fg-muted">Debug Console</li>
        </ul>

        <div class="overflow-hidden f5 text-mono color-fg-muted js-type-in-trigger" data-type-row-delay="50">
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:36</span>]
              <span>Starting</span>
              '<span class="color-fg-accent">watch-extension:vscode-api-tests</span>'
                ...
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:36</span>]
              <span>Finished</span>
              '<span class="color-fg-accent">clean-extension:typescript-language-features</span>'
                after
                <span class="color-fg-done">248 ms</span>
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:36</span>]
              <span>Starting</span>
              '<span class="color-fg-accent">watch-extension:typescript-language-features</span>'
                ...
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:36</span>]
              <span>Finished</span>
              '<span class="color-fg-accent">clean-extension:php-language-features</span>'
                after
                <span class="color-fg-done">384 ms</span>
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:36</span>]
              <span>Starting</span>
              '<span class="color-fg-accent">watch-extension:php-language-features</span>'
                ...
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:40</span>]
              <span>Finished</span>
              '<span class="color-fg-accent">clean-extension:html-language-features-server</span>'
                after
                <span class="color-fg-done">4.66 s</span>
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:40</span>]
              <span>Starting</span>
              '<span class="color-fg-accent">watch-extension:html-language-features-server</span>'
                ...
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:43</span>]
              <span>Finished</span>
              '<span class="color-fg-accent">clean-client</span>'
                after
                <span class="color-fg-done">7.33 s</span>
            </div>
            <div class="no-wrap js-type-row" style="visibility: hidden;">
              [<span class="color-fg-subtle">09:43:43</span>]
              <span>Starting</span>
              '<span class="color-fg-accent">watch-client</span>'
                ...
            </div>
        </div>
      </div>
    </div>

    <div class="col-md-6 d-none d-md-block border-left">
      <div class="d-flex flex-items-center flex-justify-between px-3 pt-3 pb-2">
        <div><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-three-bars">
  <path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z"></path>
</svg></div>
        <div><svg aria-hidden="true" height="24" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true" class="octicon octicon-mark-github">
  <path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>
</svg></div>
        <div><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-bell">
  <path d="M8 16a2 2 0 0 0 1.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 0 0 8 16ZM3 5a5 5 0 0 1 10 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.519 1.519 0 0 1 13.482 13H2.518a1.516 1.516 0 0 1-1.263-2.36l1.703-2.554A.255.255 0 0 0 3 7.947Zm5-3.5A3.5 3.5 0 0 0 4.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.017.017 0 0 0-.003.01l.001.006c0 .002.002.004.004.006l.006.004.007.001h10.964l.007-.001.006-.004.004-.006.001-.007a.017.017 0 0 0-.003-.01l-1.703-2.554a1.745 1.745 0 0 1-.294-.97V5A3.5 3.5 0 0 0 8 1.5Z"></path>
</svg></div>
      </div>

      <div class="height-full d-flex flex-items-center flex-justify-between px-6 js-build-in-trigger" style="background: #040D21;">
        <picture>

<source srcset="https://github.githubassets.com/images/modules/site/home/globe.jpg 1238w,https://github.githubassets.com/images/modules/site/home/globe.jpg?width=990 990w,https://github.githubassets.com/images/modules/site/home/globe.jpg?width=742 742w,https://github.githubassets.com/images/modules/site/home/globe.jpg?width=619 619w,https://github.githubassets.com/images/modules/site/home/globe.jpg?width=495 495w,https://github.githubassets.com/images/modules/site/home/globe.jpg?width=247 247w" sizes="(max-width: 600px) 90vw, 595px" type="image/jpeg">
<img class="width-full height-auto d-block js-build-in-item build-in-scale-up" width="1238" height="1404" loading="lazy" decoding="async" alt="Planet earth with visualization of GitHub activity crossing the globe" src="https://github.githubassets.com/images/modules/site/home/globe.jpg">
</picture>
      </div>
    </div>
  </div>
</div>


<div class="d-flex js-build-in-trigger position-relative" data-build-in-stagger="100">
  <img alt="" aria-hidden="true" width="2712" height="2712" class="position-absolute top-0 right-0 height-auto col-11 events-none" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/bg-stars-1.webp">

  <div class="col-1 d-flex flex-column flex-items-center position-relative">
    <div class="home-campaign-git-line height-full position-relative z-1 js-build-in-item build-in-scale-top" style="transition-duration: 900ms; background: linear-gradient(var(--color-canvas-default), #2ea043, #2ea043, var(--color-canvas-default)); transition-delay: 0ms;"></div>
    <img alt="" aria-hidden="true" width="81" height="485" style="left: calc(50% - 2px); height: auto; max-width: 9vw; transition-delay: 100ms;" class="d-none d-md-block position-absolute bottom-4 js-build-in-item build-in-scale-fade" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/git-branch-productivity.svg">
  </div>

  <div class="col-11 ml-2 ml-md-6">
      <div class="river-mktg js-build-in-trigger d-flex gutter gutter-spacious my-5 my-sm-7 my-md-8 position-relative flex-column-reverse flex-md-items-center flex-md-row flex-column pb-4 pb-md-7" data-build-in-stagger="100">
  <div class="col-12 py-3 mb-2 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-right" style="transition-delay: 0ms;">
    <div class="pr-md-4">
      
      
      
      
      <h2 class="color-fg-default mb-3 f2-mktg color-fg-muted"><em>GitHub Codespaces</em> offers a complete dev environment in seconds, so you can code, build, test, and open pull requests from any repo anywhere.</h2>
      
        <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/codespaces" data-analytics-event="{&quot;category&quot;:&quot;Check out GitHub Codespaces&quot;,&quot;action&quot;:&quot;click to Check out GitHub Codespaces&quot;,&quot;label&quot;:&quot;ref_cta:Check out GitHub Codespaces;&quot;}">
  Check out GitHub Codespaces <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
      
    </div>
  </div>

    <div class="col-12 py-3 col-md-6 col-lg-6">
      <div class="position-relative">
        
      <div class="d-flex flex-column position-relative">
        <div class="js-build-in-item build-in-slideX-left box-shadow-card-dark-mktg overflow-hidden rounded-2 position-relative z-2 flex-self-end" style="max-width: 300px; margin-top: -30%; margin-right: 10%; transition-delay: 100ms;">
          <img src="https://github.githubassets.com/images/modules/site/codespaces/illo-context-menu.png" alt="" width="600" height="524" loading="lazy" decoding="async" class="width-full d-block height-auto">
          <img src="https://github.githubassets.com/images/modules/site/codespaces/illo-cursor.png" alt="" loading="lazy" decoding="async" class="position-absolute js-build-in-item build-in-slideX-left height-auto" width="60" height="96" style="right: 20%; bottom: 23%; width: 30px; transition-delay: 200ms;">
        </div>
        <div class="js-build-in-item build-in-slideX-right box-shadow-card-dark-mktg overflow-hidden rounded-2 position-relative z-1 d-none d-sm-block" style="max-width: 373px; margin-top: -20%; transition-delay: 300ms;">
          <img src="https://github.githubassets.com/images/modules/site/codespaces/illo-ports.png" loading="lazy" width="746" height="368" alt="" decoding="async" class="width-full d-block height-auto">
        </div>
      </div>

      </div>
    </div>
</div>
    <div class="mb-6 mb-md-12 pb-3 js-build-in-trigger">
      <div class="py-3 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-left" style="transition-delay: 600ms;">
        <div class="gradient-border-mktg d-inline-block z-1 position-relative px-2 lh-condensed f6-mktg" style="top: -1px">
<span class="text-gradient-mktg text-semibold">Did you know?</span>
</div>

          <h3 class="text-accent-primary mb-2 mt-3 h2-mktg text-medium">22% increase</h3>
          <p class="mb-3 f3-mktg text-medium col-6-max">in developer productivity<br>after three years with GitHub<sup>1</sup></p>
      </div>
    </div>
  </div>
</div>

<div class="position-relative z-1">
    <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-row" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 col-md-6 flex-justify-between">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>GitHub Copilot</em> is your AI pair programmer that empowers you to complete tasks 55% faster by turning natural language prompts into coding suggestions.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/copilot" data-analytics-event="{&quot;category&quot;:&quot;Meet GitHub Copilot&quot;,&quot;action&quot;:&quot;click to Meet GitHub Copilot&quot;,&quot;label&quot;:&quot;ref_cta:Meet GitHub Copilot;&quot;}">
  Meet GitHub Copilot <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    
    <div class="overflow-hidden col-md-6 rounded-right-3">
    <div class="color-bg-subtle rounded-3 border text-left mb-8 ml-3 ml-sm-6 ml-md-0 mt-md-6 mr-3 mr-sm-6 box-shadow-card-mktg">


<tab-container>
  <div class="tabnav pt-2 px-2 mb-0">
    <nav class="tabnav-tabs" aria-label="Code editor files" role="tablist">
        <button name="button" type="button" role="tab" id="draw_scatterplot-py" aria-selected="true" class="tabnav-tab" tabindex="0">
          <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" aria-hidden="true" class="octicon" height="16" width="16"><title>Python</title><path d="M14.25.18l.9.2.73.26.59.3.45.32.34.34.25.34.16.33.1.3.04.26.02.2-.01.13V8.5l-.05.63-.13.55-.21.46-.26.38-.3.31-.33.25-.35.19-.35.14-.33.1-.3.07-.26.04-.21.02H8.77l-.69.05-.59.14-.5.22-.41.27-.33.32-.27.35-.2.36-.15.37-.1.35-.07.32-.04.27-.02.21v3.06H3.17l-.21-.03-.28-.07-.32-.12-.35-.18-.36-.26-.36-.36-.35-.46-.32-.59-.28-.73-.21-.88-.14-1.05-.05-1.23.06-1.22.16-1.04.24-.87.32-.71.36-.57.4-.44.42-.33.42-.24.4-.16.36-.1.32-.05.24-.01h.16l.06.01h8.16v-.83H6.18l-.01-2.75-.02-.37.05-.34.11-.31.17-.28.25-.26.31-.23.38-.2.44-.18.51-.15.58-.12.64-.1.71-.06.77-.04.84-.02 1.27.05zm-6.3 1.98l-.23.33-.08.41.08.41.23.34.33.22.41.09.41-.09.33-.22.23-.34.08-.41-.08-.41-.23-.33-.33-.22-.41-.09-.41.09zm13.09 3.95l.28.06.32.12.35.18.36.27.36.35.35.47.32.59.28.73.21.88.14 1.04.05 1.23-.06 1.23-.16 1.04-.24.86-.32.71-.36.57-.4.45-.42.33-.42.24-.4.16-.36.09-.32.05-.24.02-.16-.01h-8.22v.82h5.84l.01 2.76.02.36-.05.34-.11.31-.17.29-.25.25-.31.24-.38.2-.44.17-.51.15-.58.13-.64.09-.71.07-.77.04-.84.01-1.27-.04-1.07-.14-.9-.2-.73-.25-.59-.3-.45-.33-.34-.34-.25-.34-.16-.33-.1-.3-.04-.25-.02-.2.01-.13v-5.34l.05-.64.13-.54.21-.46.26-.38.3-.32.33-.24.35-.2.35-.14.33-.1.3-.06.26-.04.21-.02.13-.01h5.84l.69-.05.59-.14.5-.21.41-.28.33-.32.27-.35.2-.36.15-.36.1-.35.07-.32.04-.28.02-.21V6.07h2.09l.14.01zm-6.47 14.25l-.23.33-.08.41.08.41.23.33.33.23.41.08.41-.08.33-.23.23-.33.08-.41-.08-.41-.23-.33-.33-.23-.41-.08-.41.08z"></path></svg>



          <span>draw_scatterplot.py</span>
</button>          <button name="button" type="button" role="tab" id="time-js" aria-selected="false" class="tabnav-tab" tabindex="0">
          <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" aria-hidden="true" class="octicon" height="16" width="16"><title>JavaScript</title><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z"></path></svg>



          <span>time.js</span>
</button>          <button name="button" type="button" role="tab" id="memoize-go" aria-selected="false" class="tabnav-tab" tabindex="0">
          <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" aria-hidden="true" class="octicon" height="16" width="16"><title>Go</title><path d="M1.811 10.231c-.047 0-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046 0 .058.035.035.07l-.199.303c-.023.036-.082.07-.117.07zM.047 11.306c-.047 0-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047 0 .07.035.058.07l-.093.28c-.012.047-.058.07-.105.07zm2.828 1.075c-.047 0-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047 0 .07.035.07.082l-.023.28c0 .047-.047.082-.082.082zm12.129-2.36c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204 1.274-1.192 2.22.011.935.654 1.706 1.577 1.835.795.105 1.46-.175 1.987-.77.105-.13.198-.27.315-.434H10.47c-.245 0-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315 0 01.292-.187h4.253c-.023.316-.023.631-.07.947a4.983 4.983 0 01-.958 2.29c-.841 1.11-1.94 1.8-3.33 1.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086 1.928-1.776 3.272-2.02 1.098-.2 2.15-.07 3.096.571.62.41 1.063.97 1.356 1.648.07.105.023.164-.117.2m3.868 6.461c-1.064-.024-2.034-.328-2.852-1.029a3.665 3.665 0 01-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122 1.881-1.706 3.272-1.95 1.192-.21 2.314-.095 3.33.595.923.63 1.496 1.484 1.648 2.605.198 1.578-.257 2.863-1.344 3.962-.771.783-1.718 1.273-2.805 1.495-.315.06-.63.07-.934.106zm2.78-4.72c-.011-.153-.011-.27-.034-.387-.21-1.157-1.274-1.81-2.384-1.554-1.087.245-1.788.935-2.045 2.033-.21.912.234 1.835 1.075 2.21.643.28 1.285.244 1.905-.07.923-.48 1.425-1.228 1.484-2.233z"></path></svg>



          <span>memoize.go</span>
</button>      </nav>
  </div>

    <div role="tabpanel" aria-labelledby="draw_scatterplot-py" class="code-editor-component position-relative text-mono color-bg-default rounded-bottom-3 f4 p-3 js-type-in">
      <div class="d-flex ">
<div class="color-fg-subtle text-right user-select-none" style="">
      <div class="pr-2">1</div>
      <div class="pr-2">2</div>
      <div class="pr-2">3</div>
      <div class="pr-2">4</div>
      <div class="pr-2">5</div>
      <div class="pr-2">6</div>
      <div class="pr-2">7</div>
      <div class="pr-2">8</div>
</div>

<div class="flex-1 overflow-x-auto" tabindex="0">
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block"><span class="pl-k">import</span> <span class="pl-s1">matplotlib</span>.<span class="pl-s1">pyplot</span> <span class="pl-k">as</span> <span class="pl-s1">plt</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block"></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block"><span class="pl-k js-type-letters" style="visibility: hidden;">def</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-en js-type-letters" style="visibility: hidden;">draw_scatterplot</span><span class="js-type-letters" style="visibility: hidden;">(</span><span class="pl-s1 js-type-letters" style="visibility: hidden;">x_values</span><span class="js-type-letters" style="visibility: hidden;">, </span><span class="pl-s1 js-type-letters" style="visibility: hidden;">y_values</span><span class="js-type-letters" style="visibility: hidden;">):</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">    <span class="pl-s1">plt</span>.<span class="pl-en">scatter</span>(<span class="pl-s1">x_values</span>, <span class="pl-s1">y_values</span>, <span class="pl-s1">s</span><span class="pl-c1">=</span><span class="pl-c1">20</span>)</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">    <span class="pl-s1">plt</span>.<span class="pl-en">title</span>(<span class="pl-s">"Scatter Plot"</span>)</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">    <span class="pl-s1">plt</span>.<span class="pl-en">xlabel</span>(<span class="pl-s">"x values"</span>)</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">    <span class="pl-s1">plt</span>.<span class="pl-en">ylabel</span>(<span class="pl-s">"y values"</span>)</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">    <span class="pl-s1">plt</span>.<span class="pl-en">show</span>()</span></pre>

    <div class="copilot-marker position-absolute color-fg-on-emphasis rounded color-bg-accent-emphasis text-bold d-flex flex-items-center js-type-row p-2 f5" style="visibility: hidden;">
      <svg width="16" height="15" viewBox="0 0 16 15" fill="currentColor" aria-hidden="true" class="mr-1"><path d="M5.5 8.75282C5.5 8.33863 5.83569 8.00282 6.25 8.00282C6.66415 8.00282 7 8.33861 7 8.75282V10.2489C7 10.6631 6.66431 10.9989 6.25 10.9989C5.83569 10.9989 5.5 10.6631 5.5 10.2489V8.75282Z"></path><path d="M10.5 8.75282C10.5 8.33863 10.1643 8.00282 9.75 8.00282C9.33551 8.00282 9 8.33881 9 8.75282V10.2489C9 10.6631 9.33569 10.9989 9.75 10.9989C10.1643 10.9989 10.5 10.6631 10.5 10.2489V8.75282Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.04443 0.0297942C6.05371 -0.0606599 7.3667 0.00708908 8 0.919809C8.6333 0.00708908 9.94629 -0.0606599 10.9556 0.0297942C12.1118 0.145761 13.0854 0.543222 13.6328 1.12708C14.5825 2.1648 14.6267 4.34144 14.1685 5.5398C14.2146 5.74464 14.2585 5.95216 14.29 6.17176C15.1366 6.39482 16 7.59408 16 8.45167V10.0717C16 10.5215 15.79 10.9314 15.4199 11.2114C13.3044 12.7835 10.6672 14.0012 8 14.0012C5.33276 14.0012 2.69556 12.7835 0.580078 11.2114C0.209961 10.9314 0 10.5215 0 10.0717V8.45167C0 7.59408 0.863428 6.39482 1.70996 6.17176C1.7416 5.95216 1.7855 5.74461 1.83154 5.5398C1.37329 4.34144 1.41748 2.1648 2.36719 1.12708C2.91455 0.543222 3.88818 0.145761 5.04443 0.0297942ZM8 12.5014C9.93994 12.5014 11.8501 11.6426 13 11.0028V6.65907C11.1445 7.37782 9.00928 7.00721 8.00146 5.34229H7.99854C6.99072 7.00721 4.85547 7.37782 3 6.65907V11.0028C4.1499 11.6426 6.06006 12.5014 8 12.5014ZM5 5.49879C6.64062 5.49879 7 4.20582 7 3.01832C7 1.91517 6.8125 1.50392 5.53125 1.50392C3.31396 1.50392 3.04688 2.25282 3.04688 4.00282C3.04688 5.10597 3.35938 5.49879 5 5.49879ZM11 5.49879C9.35938 5.49879 9 4.20582 9 3.01832C9 1.91517 9.1875 1.50392 10.4688 1.50392C12.686 1.50392 12.9531 2.25282 12.9531 4.00282C12.9531 5.10597 12.6406 5.49879 11 5.49879Z"></path></svg>

      Copilot
    </div>
</div>
</div>

<div class="position-absolute width-full z-1 text-center bottom-0 left-0 mb-n6 f5-mktg js-type-row" style="visibility: hidden;">
    <button type="button" data-view-component="true" class="js-type-restart btn-link color-fg-default no-underline">    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sync mr-2">
  <path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"></path>
</svg>Replay
</button>  </div>

</div>      <div role="tabpanel" aria-labelledby="time-js" hidden="hidden" class="code-editor-component position-relative text-mono color-bg-default rounded-bottom-3 f4 p-3 js-type-in">
      <div class="d-flex ">
<div class="color-fg-subtle text-right user-select-none" style="">
      <div class="pr-2">1</div>
      <div class="pr-2">2</div>
      <div class="pr-2">3</div>
      <div class="pr-2">4</div>
      <div class="pr-2">5</div>
      <div class="pr-2">6</div>
      <div class="pr-2">7</div>
</div>

<div class="flex-1 overflow-x-auto" tabindex="0">
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block"><span class="pl-k">const</span> <span class="pl-s1">seconds</span> <span class="pl-c1">=</span> <span class="pl-c1">3600</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block"><span class="pl-k js-type-letters" style="visibility: hidden;">const</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-s1 js-type-letters" style="visibility: hidden;">minutes</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-c1 js-type-letters" style="visibility: hidden;">=</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-s1 js-type-letters" style="visibility: hidden;">seconds</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-c1 js-type-letters" style="visibility: hidden;">/</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-c1 js-type-letters" style="visibility: hidden;">60</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;"><span class="pl-k">const</span> <span class="pl-s1">hours</span> <span class="pl-c1">=</span> <span class="pl-s1">minutes</span> <span class="pl-c1">/</span> <span class="pl-c1">60</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;"><span class="pl-k">const</span> <span class="pl-s1">days</span> <span class="pl-c1">=</span> <span class="pl-s1">hours</span> <span class="pl-c1">/</span> <span class="pl-c1">24</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;"><span class="pl-k">const</span> <span class="pl-s1">weeks</span> <span class="pl-c1">=</span> <span class="pl-s1">days</span> <span class="pl-c1">/</span> <span class="pl-c1">7</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;"><span class="pl-k">const</span> <span class="pl-s1">months</span> <span class="pl-c1">=</span> <span class="pl-s1">days</span> <span class="pl-c1">/</span> <span class="pl-c1">30</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;"><span class="pl-k">const</span> <span class="pl-s1">years</span> <span class="pl-c1">=</span> <span class="pl-s1">months</span> <span class="pl-c1">/</span> <span class="pl-c1">12</span></span></pre>

    <div class="copilot-marker position-absolute color-fg-on-emphasis rounded color-bg-accent-emphasis text-bold d-flex flex-items-center js-type-row p-2 f5" style="visibility: hidden;">
      <svg width="16" height="15" viewBox="0 0 16 15" fill="currentColor" aria-hidden="true" class="mr-1"><path d="M5.5 8.75282C5.5 8.33863 5.83569 8.00282 6.25 8.00282C6.66415 8.00282 7 8.33861 7 8.75282V10.2489C7 10.6631 6.66431 10.9989 6.25 10.9989C5.83569 10.9989 5.5 10.6631 5.5 10.2489V8.75282Z"></path><path d="M10.5 8.75282C10.5 8.33863 10.1643 8.00282 9.75 8.00282C9.33551 8.00282 9 8.33881 9 8.75282V10.2489C9 10.6631 9.33569 10.9989 9.75 10.9989C10.1643 10.9989 10.5 10.6631 10.5 10.2489V8.75282Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.04443 0.0297942C6.05371 -0.0606599 7.3667 0.00708908 8 0.919809C8.6333 0.00708908 9.94629 -0.0606599 10.9556 0.0297942C12.1118 0.145761 13.0854 0.543222 13.6328 1.12708C14.5825 2.1648 14.6267 4.34144 14.1685 5.5398C14.2146 5.74464 14.2585 5.95216 14.29 6.17176C15.1366 6.39482 16 7.59408 16 8.45167V10.0717C16 10.5215 15.79 10.9314 15.4199 11.2114C13.3044 12.7835 10.6672 14.0012 8 14.0012C5.33276 14.0012 2.69556 12.7835 0.580078 11.2114C0.209961 10.9314 0 10.5215 0 10.0717V8.45167C0 7.59408 0.863428 6.39482 1.70996 6.17176C1.7416 5.95216 1.7855 5.74461 1.83154 5.5398C1.37329 4.34144 1.41748 2.1648 2.36719 1.12708C2.91455 0.543222 3.88818 0.145761 5.04443 0.0297942ZM8 12.5014C9.93994 12.5014 11.8501 11.6426 13 11.0028V6.65907C11.1445 7.37782 9.00928 7.00721 8.00146 5.34229H7.99854C6.99072 7.00721 4.85547 7.37782 3 6.65907V11.0028C4.1499 11.6426 6.06006 12.5014 8 12.5014ZM5 5.49879C6.64062 5.49879 7 4.20582 7 3.01832C7 1.91517 6.8125 1.50392 5.53125 1.50392C3.31396 1.50392 3.04688 2.25282 3.04688 4.00282C3.04688 5.10597 3.35938 5.49879 5 5.49879ZM11 5.49879C9.35938 5.49879 9 4.20582 9 3.01832C9 1.91517 9.1875 1.50392 10.4688 1.50392C12.686 1.50392 12.9531 2.25282 12.9531 4.00282C12.9531 5.10597 12.6406 5.49879 11 5.49879Z"></path></svg>

      Copilot
    </div>
</div>
</div>

<div class="position-absolute width-full z-1 text-center bottom-0 left-0 mb-n6 f5-mktg js-type-row" style="visibility: hidden;">
    <button type="button" data-view-component="true" class="js-type-restart btn-link color-fg-default no-underline">    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sync mr-2">
  <path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"></path>
</svg>Replay
</button>  </div>

</div>      <div role="tabpanel" aria-labelledby="memoize-go" hidden="hidden" class="code-editor-component position-relative text-mono color-bg-default rounded-bottom-3 f4 p-3 js-type-in">
      <div class="d-flex ">
<div class="color-fg-subtle text-right user-select-none" style="">
      <div class="pr-2">1</div>
      <div class="pr-2">2</div>
      <div class="pr-2">3</div>
      <div class="pr-2">4</div>
      <div class="pr-2">5</div>
      <div class="pr-2">6</div>
      <div class="pr-2">7</div>
      <div class="pr-2">8</div>
      <div class="pr-2">9</div>
      <div class="pr-2">10</div>
      <div class="pr-2">11</div>
</div>

<div class="flex-1 overflow-x-auto" tabindex="0">
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block"><span class="pl-k">package</span> main</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block"><span class="js-type-letters" style="visibility: hidden;">  </span><span class="pl-k js-type-letters" style="visibility: hidden;">func</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-en js-type-letters" style="visibility: hidden;">Memoize</span><span class="js-type-letters" style="visibility: hidden;">(</span><span class="pl-s1 js-type-letters" style="visibility: hidden;">fn</span><span class="js-type-letters" style="visibility: hidden;"> </span><span class="pl-k js-type-letters" style="visibility: hidden;">func</span><span class="js-type-letters" style="visibility: hidden;">(</span><span class="pl-smi js-type-letters" style="visibility: hidden;">int</span><span class="js-type-letters" style="visibility: hidden;">) </span><span class="pl-smi js-type-letters" style="visibility: hidden;">int</span><span class="js-type-letters" style="visibility: hidden;">) </span><span class="pl-k js-type-letters" style="visibility: hidden;">func</span><span class="js-type-letters" style="visibility: hidden;">(</span><span class="pl-smi js-type-letters" style="visibility: hidden;">int</span><span class="js-type-letters" style="visibility: hidden;">) </span><span class="pl-smi js-type-letters" style="visibility: hidden;">int</span><span class="js-type-letters" style="visibility: hidden;"> {</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">      <span class="pl-s1">cache</span> <span class="pl-c1">:=</span> <span class="pl-en">make</span>(<span class="pl-k">map</span>[<span class="pl-smi">int</span>]<span class="pl-smi">int</span>)</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">      <span class="pl-k">return</span> <span class="pl-k">func</span>(<span class="pl-s1">n</span> <span class="pl-smi">int</span>) <span class="pl-smi">int</span> {</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">          <span class="pl-k">if</span> <span class="pl-s1">v</span>, <span class="pl-s1">ok</span> <span class="pl-c1">:=</span> <span class="pl-s1">cache</span>[<span class="pl-s1">n</span>]; <span class="pl-s1">ok</span> {</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">              <span class="pl-k">return</span> <span class="pl-s1">v</span></span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">          }</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">          <span class="pl-s1">cache</span>[<span class="pl-s1">n</span>] <span class="pl-c1">=</span> <span class="pl-en">fn</span>(<span class="pl-s1">n</span>)</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">          <span class="pl-k">return</span> <span class="pl-s1">cache</span>[<span class="pl-s1">n</span>]</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">      }</span></pre>
      <pre class="f4"><span class="code-editor-line-mktg d-inline-block js-type-row code-editor-line-suggested-mktg color-bg-accent" data-type-row-delay="0" style="visibility: hidden;">  }</span></pre>

    <div class="copilot-marker position-absolute color-fg-on-emphasis rounded color-bg-accent-emphasis text-bold d-flex flex-items-center js-type-row p-2 f5" style="visibility: hidden;">
      <svg width="16" height="15" viewBox="0 0 16 15" fill="currentColor" aria-hidden="true" class="mr-1"><path d="M5.5 8.75282C5.5 8.33863 5.83569 8.00282 6.25 8.00282C6.66415 8.00282 7 8.33861 7 8.75282V10.2489C7 10.6631 6.66431 10.9989 6.25 10.9989C5.83569 10.9989 5.5 10.6631 5.5 10.2489V8.75282Z"></path><path d="M10.5 8.75282C10.5 8.33863 10.1643 8.00282 9.75 8.00282C9.33551 8.00282 9 8.33881 9 8.75282V10.2489C9 10.6631 9.33569 10.9989 9.75 10.9989C10.1643 10.9989 10.5 10.6631 10.5 10.2489V8.75282Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.04443 0.0297942C6.05371 -0.0606599 7.3667 0.00708908 8 0.919809C8.6333 0.00708908 9.94629 -0.0606599 10.9556 0.0297942C12.1118 0.145761 13.0854 0.543222 13.6328 1.12708C14.5825 2.1648 14.6267 4.34144 14.1685 5.5398C14.2146 5.74464 14.2585 5.95216 14.29 6.17176C15.1366 6.39482 16 7.59408 16 8.45167V10.0717C16 10.5215 15.79 10.9314 15.4199 11.2114C13.3044 12.7835 10.6672 14.0012 8 14.0012C5.33276 14.0012 2.69556 12.7835 0.580078 11.2114C0.209961 10.9314 0 10.5215 0 10.0717V8.45167C0 7.59408 0.863428 6.39482 1.70996 6.17176C1.7416 5.95216 1.7855 5.74461 1.83154 5.5398C1.37329 4.34144 1.41748 2.1648 2.36719 1.12708C2.91455 0.543222 3.88818 0.145761 5.04443 0.0297942ZM8 12.5014C9.93994 12.5014 11.8501 11.6426 13 11.0028V6.65907C11.1445 7.37782 9.00928 7.00721 8.00146 5.34229H7.99854C6.99072 7.00721 4.85547 7.37782 3 6.65907V11.0028C4.1499 11.6426 6.06006 12.5014 8 12.5014ZM5 5.49879C6.64062 5.49879 7 4.20582 7 3.01832C7 1.91517 6.8125 1.50392 5.53125 1.50392C3.31396 1.50392 3.04688 2.25282 3.04688 4.00282C3.04688 5.10597 3.35938 5.49879 5 5.49879ZM11 5.49879C9.35938 5.49879 9 4.20582 9 3.01832C9 1.91517 9.1875 1.50392 10.4688 1.50392C12.686 1.50392 12.9531 2.25282 12.9531 4.00282C12.9531 5.10597 12.6406 5.49879 11 5.49879Z"></path></svg>

      Copilot
    </div>
</div>
</div>

<div class="position-absolute width-full z-1 text-center bottom-0 left-0 mb-n6 f5-mktg js-type-row" style="visibility: hidden;">
    <button type="button" data-view-component="true" class="js-type-restart btn-link color-fg-default no-underline">    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sync mr-2">
  <path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"></path>
</svg>Replay
</button>  </div>

</div>  </tab-container>
</div>
</div>

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>
</div>

<div class="d-flex flex-column flex-md-row gutter js-build-in-trigger ">

  <div class="col-md-6 d-flex">
      <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-column" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 flex-justify-start">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>GitHub Actions</em> automates your build, test, and deployment workflow with simple and secure CI/CD.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/actions" data-analytics-event="{&quot;category&quot;:&quot;Discover GitHub Actions&quot;,&quot;action&quot;:&quot;click to Discover GitHub Actions&quot;,&quot;label&quot;:&quot;ref_cta:Discover GitHub Actions;&quot;}">
  Discover GitHub Actions <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    <div class="overflow-hidden rounded-bottom-3"><picture>
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=1209&amp;format=webpll 1209w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=967&amp;format=webpll 967w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=725&amp;format=webpll 725w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=604&amp;format=webpll 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=483&amp;format=webpll 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=241&amp;format=webpll 241w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png 1209w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=604 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=483 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png?width=302 302w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/png">
<img class="width-full d-block height-auto js-build-in-item build-in-scale-fade" width="1209" height="890" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/illu-actions.png">
</picture></div>
    

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

  </div>

  <div class="col-md-6 d-flex">
      <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-column" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 flex-justify-start">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>GitHub Mobile</em> fits your projects in your pocket, so you never miss a beat while on the go.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/mobile" data-analytics-event="{&quot;category&quot;:&quot;Get GitHub Mobile&quot;,&quot;action&quot;:&quot;click to Get GitHub Mobile&quot;,&quot;label&quot;:&quot;ref_cta:Get GitHub Mobile;&quot;}">
  Get GitHub Mobile <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    <div class="overflow-hidden rounded-bottom-3"><picture>
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=1208&amp;format=webpll 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=966&amp;format=webpll 966w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=724&amp;format=webpll 724w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=604&amp;format=webpll 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=483&amp;format=webpll 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=241&amp;format=webpll 241w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=604 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=483 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png?width=302 302w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/png">
<img class="width-full d-block height-auto js-build-in-item build-in-scale-fade" width="1208" height="764" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/illu-mobile.png">
</picture></div>
    

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

  </div>

</div>

<div class="col-1 d-flex flex-column flex-items-center js-build-in-trigger">
  <div class="home-campaign-git-line mt-n3 mt-md-n4 mb-n8 rounded js-build-in-item build-in-scale-top" style="height: 160px; background: linear-gradient(var(--color-canvas-default), #ea6045, #ffa28b);"></div>
</div>

</div>
</div>
</div>
<div class="home-campaign-collaboration js-section overflow-hidden px-3 pb-8 pt-5" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark" id="collaboration">
<div class="container-xl">
  
<div class="d-flex js-build-in-trigger" data-build-in-stagger="100">
  <div class="col-1 d-flex flex-column flex-items-center">
    <div class="mb-4 position-relative home-campaign-glowing-icon js-build-in-item build-in-scale-fade" style="transition-delay: 0ms;">
<svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-code-of-conduct">
  <path d="M2.828 4.328C5.26 1.896 9.5 1.881 11.935 4.317c.024.024.046.05.067.076 1.391-1.078 2.993-1.886 4.777-1.89a6.22 6.22 0 0 1 4.424 1.825c.559.56 1.023 1.165 1.34 1.922.318.756.47 1.617.468 2.663 0 2.972-2.047 5.808-4.269 8.074-2.098 2.14-4.507 3.924-5.974 5.009l-.311.23a.752.752 0 0 1-.897 0l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009-2.22-2.263-4.264-5.095-4.27-8.063a6.216 6.216 0 0 1 1.823-4.596Zm8.033 1.042c-1.846-1.834-5.124-1.823-6.969.022a4.712 4.712 0 0 0-1.382 3.52c0 2.332 1.65 4.79 3.839 7.022 1.947 1.986 4.184 3.66 5.66 4.752a78.214 78.214 0 0 0 2.159-1.645l-2.14-1.974a.752.752 0 0 1 1.02-1.106l2.295 2.118c.616-.52 1.242-1.08 1.85-1.672l-2.16-1.992a.753.753 0 0 1 1.021-1.106l2.188 2.02a18.963 18.963 0 0 0 1.528-1.877l-.585-.586-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043-.379.38-.76.758-1.132 1.126-1.14 1.124-2.96 1.077-4.07-.043-.489-.495-.98-.988-1.475-1.482a.752.752 0 0 1-.04-1.019c.234-.276.483-.576.745-.893.928-1.12 2.023-2.442 3.234-3.576Zm9.725 6.77c.579-1.08.92-2.167.92-3.228.002-.899-.128-1.552-.35-2.08-.22-.526-.551-.974-1.017-1.44a4.71 4.71 0 0 0-3.356-1.384c-1.66.004-3.25.951-4.77 2.346-1.18 1.084-2.233 2.353-3.188 3.506l-.351.423c.331.332.663.664.993.998a1.375 1.375 0 0 0 1.943.03c.37-.365.748-.74 1.125-1.118 1.662-1.663 4.373-1.726 6.06-.045.56.558 1.12 1.12 1.658 1.658Z"></path>
</svg>
<span class="position-absolute left-0 top-0 height-full width-full home-campaign-glowing-icon-glow z-n1" style="background-color: var(--mktg-accent-primary); filter: blur(18px);"></span>
</div>

    <div class="home-campaign-git-line height-full rounded js-build-in-item build-in-scale-top" style="background: linear-gradient(#ffd6cc, #ec6547, #ec6547, var(--color-canvas-default)); transition-delay: 500ms;" data-build-delay="500"></div>
  </div>

  <div class="col-11 col-lg-9 ml-2 ml-md-0 mb-6 mb-md-10">
    <h3 class="h5-mktg mb-4 text-medium js-build-in-item build-in-slideX-left" style="transition-delay: 200ms;">Collaboration</h3>
    <h2 class="h3-mktg mb-4 text-medium js-build-in-item build-in-slideX-left" style="transition-delay: 300ms;">
      <span class="text-accent-primary">Supercharge collaboration.</span>
      We provide unlimited repositories, best-in-class version control, and the world’s most powerful open source community—so your team can work more efficiently together.
    </h2>
  </div>
</div>

<picture>
<source srcset="https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=2500&amp;format=webpll 2500w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=2000&amp;format=webpll 2000w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=1500&amp;format=webpll 1500w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=1250&amp;format=webpll 1250w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=1000&amp;format=webpll 1000w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=500&amp;format=webpll 500w" sizes="(max-width: 1200px) 90vw, 1250px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png 2500w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=1250 1250w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=1000 1000w,https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png?width=625 625w" sizes="(max-width: 1200px) 90vw, 1250px" type="image/png">
<img class="width-full height-auto d-block rounded-3 border box-shadow-card-dark-mktg" width="2500" height="1500" loading="lazy" decoding="async" alt="Illustration of project table view with cards grouped by 'Feature planning' phase." src="https://github.githubassets.com/images/modules/site/issues/illo/issues-plan.png">
</picture>

<div class="d-flex position-relative">
  <img alt="" aria-hidden="true" width="2712" height="2712" style="transform: translateX(300px) rotateZ(180deg);" class="position-absolute top-0 right-0 height-auto col-11 events-none" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/bg-stars-1.webp">

  <div class="col-1 d-flex flex-column flex-items-center position-relative js-build-in-trigger">
    <div class="home-campaign-git-line height-full position-relative z-1 js-build-in-item build-in-scale-top" style="transition-duration: 1100ms; background: linear-gradient(var(--color-canvas-default), #ea6045, #ea6045, var(--color-canvas-default));"></div>
    <img alt="" aria-hidden="true" width="81" height="612" style="left: calc(50% - 2px); height: auto; max-width: 9vw;" class="d-none d-md-block position-absolute bottom-4 js-build-in-item build-in-scale-fade" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/git-branch-collaboration.svg">
  </div>

  <div class="col-11 ml-2 ml-md-6">
      <div class="river-mktg js-build-in-trigger d-flex gutter gutter-spacious my-5 my-sm-7 my-md-8 position-relative flex-column-reverse flex-md-items-center flex-md-row flex-column pb-4 pb-md-7" data-build-in-stagger="100">
  <div class="col-12 py-3 mb-2 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-right" style="transition-delay: 0ms;">
    <div class="pr-md-4">
      
      
      
      
      <h2 class="color-fg-default mb-3 f2-mktg color-fg-muted"><em>GitHub Issues and GitHub Projects</em> supply flexible project management tools that adapt to your team alongside your code.</h2>
      
        <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/issues" data-analytics-event="{&quot;category&quot;:&quot;Explore GitHub Issues&quot;,&quot;action&quot;:&quot;click to Explore GitHub Issues&quot;,&quot;label&quot;:&quot;ref_cta:Explore GitHub Issues;&quot;}">
  Explore GitHub Issues <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
      
    </div>
  </div>

    <div class="col-12 py-3 col-md-6 col-lg-6">
      <div class="position-relative">
        
      <div class="d-flex flex-column position-relative">
        <div class="js-build-in-item build-in-slideY box-shadow-active-border-inverse-mktg overflow-hidden rounded-2 position-relative left-4 z-1" style="max-width: 595px; margin-top: -30%; transition-delay: 100ms;">
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/illu-projects.png" alt="" loading="lazy" decoding="async" width="1190" height="1004" class="width-full height-auto d-block">
        </div>
      </div>

      </div>
    </div>
</div>
    <div class="mb-6 mb-md-12 pb-3 js-build-in-trigger">
      <div class="py-3 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-left">
        <div class="gradient-border-mktg d-inline-block z-1 position-relative px-2 lh-condensed f6-mktg" style="top: -1px">
<span class="text-gradient-mktg text-semibold">Did you know?</span>
</div>

          <h3 class="text-accent-primary mb-2 mt-3 h2-mktg text-medium">80% reduction</h3>
          <p class="mb-3 f3-mktg text-medium col-6-max">in onboarding time with GitHub<sup>1</sup></p>
      </div>
    </div>
  </div>
</div>

<div class="d-flex flex-column flex-md-row gutter js-build-in-trigger ">

  <div class="position-relative z-1 col-md-6 d-flex">
      <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-column" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 flex-justify-start">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>GitHub Discussions</em> create space to ask questions and have open-ended conversations.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/discussions" data-analytics-event="{&quot;category&quot;:&quot;Enable GitHub Discussions&quot;,&quot;action&quot;:&quot;click to Enable GitHub Discussions&quot;,&quot;label&quot;:&quot;ref_cta:Enable GitHub Discussions;&quot;}">
  Enable GitHub Discussions <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    <div class="overflow-hidden rounded-bottom-3"><picture>
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=1208&amp;format=webpll 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=966&amp;format=webpll 966w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=724&amp;format=webpll 724w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=604&amp;format=webpll 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=483&amp;format=webpll 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=241&amp;format=webpll 241w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=604 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=483 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png?width=302 302w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/png">
<img class="width-full d-block height-auto js-build-in-item build-in-scale-up" width="1208" height="764" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/illu-discussions.png">
</picture></div>
    

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

  </div>

  <div class="col-md-6 d-flex">
      <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-column" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 flex-justify-start">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>Pull requests</em> allow real-time communication and collaboration about code changes.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/code-review" data-analytics-event="{&quot;category&quot;:&quot;Check out pull requests&quot;,&quot;action&quot;:&quot;click to Check out pull requests&quot;,&quot;label&quot;:&quot;ref_cta:Check out pull requests;&quot;}">
  Check out pull requests <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    <div class="overflow-hidden rounded-bottom-3"><picture>
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=1208&amp;format=webpll 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=966&amp;format=webpll 966w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=724&amp;format=webpll 724w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=604&amp;format=webpll 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=483&amp;format=webpll 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=241&amp;format=webpll 241w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=604 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=483 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png?width=302 302w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/png">
<img class="width-full d-block height-auto js-build-in-item build-in-scale-up" width="1208" height="764" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/illu-pull-requests.png">
</picture></div>
    

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

  </div>

</div>

  <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-row" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 col-md-6 flex-justify-between">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>GitHub Sponsors</em> lets you support your favorite open source maintainers and projects.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/sponsors" data-analytics-event="{&quot;category&quot;:&quot;Invest with GitHub Sponsors&quot;,&quot;action&quot;:&quot;click to Invest with GitHub Sponsors&quot;,&quot;label&quot;:&quot;ref_cta:Invest with GitHub Sponsors;&quot;}">
  Invest with GitHub Sponsors <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    
    <div class="overflow-hidden col-md-6 rounded-right-3">
  <div class="d-flex flex-wrap position-relative top-n12 mt-n4 right-n4 p-4 js-build-in-trigger" style="transform: rotate(-15deg) translateZ(10px); max-height: 480px;" data-build-in-stagger="75">
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/homebrew" style="transition-delay: 0ms;">
          <img alt="Homebrew avatar" width="96" height="96" class="d-block rounded" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/homebrew.png">
          <div class="color-fg-muted text-truncate my-2">Homebrew</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/prophen" style="transition-delay: 75ms;">
          <img alt="Nikema avatar" width="96" height="96" class="d-block circle" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/prophen.jpeg">
          <div class="color-fg-muted text-truncate my-2">Nikema</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/dayhaysoos" style="transition-delay: 150ms;">
          <img alt="Nick DeJesus avatar" width="96" height="96" class="d-block circle" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/dayhaysoos.jpeg">
          <div class="color-fg-muted text-truncate my-2">Nick DeJesus</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/sindresorhus" style="transition-delay: 225ms;">
          <img alt="sindresorhus avatar" width="96" height="96" class="d-block circle" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/sindresorhus.jpeg">
          <div class="color-fg-muted text-truncate my-2">sindresorhus</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/directus" style="transition-delay: 300ms;">
          <img alt="Directus avatar" width="96" height="96" class="d-block rounded" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/directus.png">
          <div class="color-fg-muted text-truncate my-2">Directus</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/yyx990803" style="transition-delay: 375ms;">
          <img alt="Evan You avatar" width="96" height="96" class="d-block circle" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/yyx990803.jpeg">
          <div class="color-fg-muted text-truncate my-2">Evan You</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/eslint" style="transition-delay: 450ms;">
          <img alt="ESLint avatar" width="96" height="96" class="d-block rounded" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/eslint.png">
          <div class="color-fg-muted text-truncate my-2">ESLint</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/chaynhq" style="transition-delay: 525ms;">
          <img alt="chaynHQ avatar" width="96" height="96" class="d-block rounded" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/chaynhq.png">
          <div class="color-fg-muted text-truncate my-2">chaynHQ</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
      <div class="col-4">
        <a target="_blank" class="rounded p-4 border color-bg-subtle no-underline d-flex flex-column flex-items-center m-2 box-shadow-default-mktg js-build-in-item build-in-scale-up" tabindex="-1" href="/kazupon" style="transition-delay: 600ms;">
          <img alt="kazuya kawaguchi avatar" width="96" height="96" class="d-block circle" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/sponsors/kazupon.jpeg">
          <div class="color-fg-muted text-truncate my-2">kazuya kawaguchi</div>
            <button tabindex="-1" type="button" data-view-component="true" class="Button--secondary Button--medium Button">    <span class="Button-content">
      <span class="Button-visual Button-leadingVisual">
        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart">
  <path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path>
</svg>
      </span>
    <span class="Button-label">Sponsor</span>
  </span>
</button>  
</a>        </div>
  </div>
</div>

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

<div class="col-1 d-flex flex-column flex-items-center js-build-in-trigger">
  <div class="home-campaign-git-line mt-n3 mt-md-n4 mb-n8 rounded js-build-in-item build-in-scale-top" style="height: 160px; background: linear-gradient(var(--color-canvas-default), #797ef9, #abb4ff);"></div>
</div>

</div>
</div>
<div class="home-campaign-security js-section overflow-hidden px-3 pb-8 pt-5" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark" id="security">
<div class="container-xl">
  
<div class="d-flex js-build-in-trigger" data-build-in-stagger="100">
  <div class="col-1 d-flex flex-column flex-items-center">
    <div class="mb-4 position-relative home-campaign-glowing-icon js-build-in-item build-in-scale-fade" style="transition-delay: 0ms;">
<svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-lock">
  <path d="M6 9V7.25C6 3.845 8.503 1 12 1s6 2.845 6 6.25V9h.5a2.5 2.5 0 0 1 2.5 2.5v8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 19.5v-8A2.5 2.5 0 0 1 5.5 9Zm-1.5 2.5v8a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-13a1 1 0 0 0-1 1Zm3-4.25V9h9V7.25c0-2.67-1.922-4.75-4.5-4.75-2.578 0-4.5 2.08-4.5 4.75Z"></path>
</svg>
<span class="position-absolute left-0 top-0 height-full width-full home-campaign-glowing-icon-glow z-n1" style="background-color: var(--mktg-accent-primary); filter: blur(18px);"></span>
</div>

    <div class="home-campaign-git-line height-full rounded js-build-in-item build-in-scale-top" style="background: linear-gradient(#abb4ff, #797ef9, var(--color-canvas-default)); transition-delay: 500ms;" data-build-delay="500"></div>
  </div>

  <div class="col-11 col-lg-9 ml-2 ml-md-0 mb-6 mb-md-10">
    <h3 class="h5-mktg mb-4 text-medium js-build-in-item build-in-slideX-left" style="transition-delay: 200ms;">Security</h3>
    <h2 class="h3-mktg mb-4 text-medium js-build-in-item build-in-slideX-left" style="transition-delay: 300ms;">
      <span class="text-accent-primary">Embed security into the developer workflow.</span>
      With GitHub, developers can secure their code in minutes and organizations can automatically comply with regulations.
    </h2>
  </div>
</div>

<card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5 position-relative z-1" data-catalyst="" data-perspective="700">
  <div class="color-bg-subtle border rounded-3 p-2 p-lg-6 js-build-in-trigger feature-card-mktg z-1 position-relative" data-target="card-skew.bounding" data-build-in-stagger="200">
    <div class="color-fg-subtle p-4">
      <div class="f5 text-medium">cmake.yml</div>
      <span class="f6">on: push</span>
    </div>

    <div class="position-relative d-flex flex-column flex-md-row gutter-spacious col-lg-10 mx-auto my-lg-6">
      <div class="col-md-6 js-build-in-item build-in-scale-right" style="transition-delay: 0ms;">
        <div class="p-4 rounded mt-5 box-shadow-mktg-xl mb-6" style="background: rgba(235, 245, 255, 0.2);">
          <ul class="list-style-none mb-n4">
              <li class="mb-4 f4-mktg d-flex flex-items-center flex-justify-between js-build-in-item build-in-scale-fade" style="transition-delay: 200ms;">
                <div class="d-flex flex-items-center">
                  <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-check-circle-fill color-fg-success mr-2">
  <path d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm16.28-2.72a.751.751 0 0 0-.018-1.042.751.751 0 0 0-1.042-.018l-5.97 5.97-2.47-2.47a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042l3 3a.75.75 0 0 0 1.06 0Z"></path>
</svg>
                  <span class="text-medium">Build</span>
                </div>
                <span class="f5 color-fg-muted d-none d-sm-block">1m 21s</span>
              </li>
          </ul>
        </div>
      </div>

      <div class="home-campaign-ghas-connect position-relative position-md-absolute z-1 d-flex flex-items-center js-build-in-item build-in-scale-fade" style="transition-delay: 400ms;">
        <div class="d-inline-block circle p-1 color-bg-emphasis" style="box-shadow: 0 0 0 2px #444D56;"></div>
        <div style="width: 40px; height: 2px; background: #D1D5DA;"></div>
        <div class="d-inline-block circle p-1 color-bg-emphasis" style="box-shadow: 0 0 0 2px #444D56;"></div>
      </div>

      <div class="col-md-6 js-build-in-item build-in-scale-right" style="transition-delay: 600ms;">
        <div class="pt-2 pb-1 px-4 rounded-top-2 d-inline-block text-medium" style="background: rgba(235, 245, 255, 0.2);">
          Steps
        </div>
        <div class="p-4 rounded-bottom-2 rounded-right-2 box-shadow-mktg-xl mb-6" style="background: rgba(235, 245, 255, 0.2);">
          <ul class="list-style-none mb-n4">
              <li class="mb-4 f4-mktg d-flex flex-items-center flex-justify-between js-build-in-item build-in-scale-fade" style="transition-delay: 800ms;">
                <div class="d-flex flex-items-center">
                  <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-check-circle-fill color-fg-success mr-2">
  <path d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm16.28-2.72a.751.751 0 0 0-.018-1.042.751.751 0 0 0-1.042-.018l-5.97 5.97-2.47-2.47a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042l3 3a.75.75 0 0 0 1.06 0Z"></path>
</svg>
                  <span class="text-medium">Initialize CodeQL</span>
                </div>
                <span class="f5 color-fg-muted d-none d-sm-block">1m 42s</span>
              </li>
              <li class="mb-4 f4-mktg d-flex flex-items-center flex-justify-between js-build-in-item build-in-scale-fade" style="transition-delay: 1000ms;">
                <div class="d-flex flex-items-center">
                  <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-check-circle-fill color-fg-success mr-2">
  <path d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm16.28-2.72a.751.751 0 0 0-.018-1.042.751.751 0 0 0-1.042-.018l-5.97 5.97-2.47-2.47a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042l3 3a.75.75 0 0 0 1.06 0Z"></path>
</svg>
                  <span class="text-medium">Autobuild</span>
                </div>
                <span class="f5 color-fg-muted d-none d-sm-block">1m 24s</span>
              </li>
              <li class="mb-4 f4-mktg d-flex flex-items-center flex-justify-between js-build-in-item build-in-scale-fade" style="transition-delay: 1200ms;">
                <div class="d-flex flex-items-center">
                  <svg aria-hidden="true" height="24" viewBox="0 0 24 24" version="1.1" width="24" data-view-component="true" class="octicon octicon-check-circle-fill color-fg-success mr-2">
  <path d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm16.28-2.72a.751.751 0 0 0-.018-1.042.751.751 0 0 0-1.042-.018l-5.97 5.97-2.47-2.47a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042l3 3a.75.75 0 0 0 1.06 0Z"></path>
</svg>
                  <span class="text-medium">Perform CodeQL Analyses</span>
                </div>
                <span class="f5 color-fg-muted d-none d-sm-block">1m 36s</span>
              </li>
          </ul>
        </div>
      </div>
    </div>
    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
  </div>
</card-skew>

<div class="d-flex js-build-in-trigger position-relative" data-build-in-stagger="100">
  <img alt="" aria-hidden="true" width="2712" height="2712" style="transform: translateX(300px) rotateZ(90deg);" class="position-absolute top-0 right-0 height-auto col-11 events-none" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/bg-stars-1.webp">

  <div class="col-1 d-flex flex-column flex-items-center position-relative">
    <div class="home-campaign-git-line height-full position-relative z-1 js-build-in-item build-in-scale-top" style="background: linear-gradient(var(--color-canvas-default), #797ef9, #797ef9, var(--color-canvas-default)); transition-delay: 0ms;"></div>
    <img alt="" aria-hidden="true" width="81" height="612" style="left: calc(50% - 2px); height: auto; max-width: 9vw; transition-delay: 100ms;" class="d-none d-md-block position-absolute bottom-4 js-build-in-item build-in-scale-fade" loading="lazy" decoding="async" src="https://github.githubassets.com/images/modules/site/home-campaign/git-branch-security.svg">
  </div>

  <div class="col-11 ml-2 ml-md-6">
      <div class="river-mktg js-build-in-trigger d-flex gutter gutter-spacious my-5 my-sm-7 my-md-8 position-relative flex-column-reverse flex-md-items-center flex-md-row flex-column pb-4 pb-md-7" data-build-in-stagger="100">
  <div class="col-12 py-3 mb-2 js-build-in-item col-sm-10 col-md-6 text-left col-lg-6 build-in-slideX-right" style="transition-delay: 0ms;">
    <div class="pr-md-4">
      
      
      
      
      <h2 class="color-fg-default mb-3 f2-mktg color-fg-muted"><em>GitHub Advanced Security</em> lets you gain visibility into your security posture, respond to threats proactively, and ship secure applications quickly.</h2>
      
        <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/security" data-analytics-event="{&quot;category&quot;:&quot;Get GitHub Advanced Security&quot;,&quot;action&quot;:&quot;click to Get GitHub Advanced Security&quot;,&quot;label&quot;:&quot;ref_cta:Get GitHub Advanced Security;&quot;}">
  Get GitHub Advanced Security <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
      
    </div>
  </div>

    <div class="col-12 py-3 col-md-6 col-lg-6">
      <div class="position-relative">
        
      <div class="d-flex flex-column position-relative">
        <div class="js-build-in-item build-in-slideX-right box-shadow-card-dark-mktg overflow-hidden rounded-2 position-relative left-6 z-1" style="max-width: 541px; margin-top: -30%; transition-delay: 100ms;">
          <img src="https://github.githubassets.com/images/modules/site/home-campaign/illu-ghas-list.png" alt="" loading="lazy" decoding="async" width="1084" height="600" class="width-full height-auto d-block">
        </div>
      </div>

      </div>
    </div>
</div>
    <div class="mb-6 mb-md-12 pb-3 js-build-in-trigger">
      <div class="py-3 js-build-in-item col-sm-10 col-md-6 text-left col-lg-7 build-in-slideX-left" style="transition-delay: 400ms;">
        <div class="gradient-border-mktg d-inline-block z-1 position-relative px-2 lh-condensed f6-mktg" style="top: -1px">
<span class="text-gradient-mktg text-semibold">Did you know?</span>
</div>

          <h3 class="text-accent-primary mb-2 mt-3 h2-mktg text-medium">56 million projects</h3>
          <p class="mb-3 f3-mktg text-medium col-6-max">fixed vulnerabilities with GitHub<sup>2</sup></p>
      </div>
    </div>
  </div>
</div>

<div class="position-relative z-1 js-build-in-trigger">
    <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-row" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 col-md-6 flex-justify-between">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>Secret scanning</em> automatically looks for partner patterns and prevents fraudulent use of accidentally committed secrets.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="https://github.com/features/security/code" data-analytics-event="{&quot;category&quot;:&quot;Read about secret scanning&quot;,&quot;action&quot;:&quot;click to Read about secret scanning&quot;,&quot;label&quot;:&quot;ref_cta:Read about secret scanning;&quot;}">
  Read about secret scanning <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    <div class="overflow-hidden col-md-6 rounded-right-3"><picture>
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=1288&amp;format=webpll 1288w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=1030&amp;format=webpll 1030w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=772&amp;format=webpll 772w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=644&amp;format=webpll 644w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=515&amp;format=webpll 515w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=257&amp;format=webpll 257w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 644px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png 1288w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=644 644w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=515 515w,https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png?width=322 322w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 644px" type="image/png">
<img class="width-full d-block height-auto js-build-in-item build-in-scale-fade" width="1288" height="992" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/illu-secret-scanning.png">
</picture></div>
    

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

</div>

<div class="d-flex flex-column flex-md-row gutter js-build-in-trigger ">

  <div class="col-md-6 d-flex">
      <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-column" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 flex-justify-start">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>Dependabot</em> makes it easy to find and fix vulnerable dependencies in your supply chain.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="/features/security/software-supply-chain" data-analytics-event="{&quot;category&quot;:&quot;Explore Dependabot&quot;,&quot;action&quot;:&quot;click to Explore Dependabot&quot;,&quot;label&quot;:&quot;ref_cta:Explore Dependabot;&quot;}">
  Explore Dependabot <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    <div class="overflow-hidden rounded-bottom-3"><picture>
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=1208&amp;format=webpll 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=966&amp;format=webpll 966w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=724&amp;format=webpll 724w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=604&amp;format=webpll 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=483&amp;format=webpll 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=241&amp;format=webpll 241w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=604 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=483 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png?width=302 302w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/png">
<img class="width-full d-block height-auto js-build-in-item build-in-scale-fade" width="1208" height="764" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/illu-dependabot.png">
</picture></div>
    

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

  </div>

  <div class="col-md-6 d-flex">
      <card-skew class="overflow-hidden rounded-3 mb-3 mb-md-5" data-catalyst="" data-perspective="700">
  <div class="feature-card-mktg d-md-flex rounded-3 color-bg-subtle border position-relative flex-justify-between z-1 height-full flex-column" data-target="card-skew.bounding">
    <div class="d-md-flex flex-column flex-1 p-5 p-sm-6 py-lg-8 pl-lg-8 pr-lg-12 flex-justify-start">
      <p class="f2-mktg text-medium color-fg-muted mb-4"><em>Code scanning</em> is GitHub’s static code analysis tool that helps you remediate issues in your code.</p>

      <div>  <a class="link-mktg text-semibold color-fg-default py-1 f3-mktg" href="https://resources.github.com/security/sast/" data-analytics-event="{&quot;category&quot;:&quot;Download the latest SAST ebook&quot;,&quot;action&quot;:&quot;click to Download the latest SAST ebook&quot;,&quot;label&quot;:&quot;ref_cta:Download the latest SAST ebook;&quot;}">
  Download the latest SAST ebook <svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a></div>
</div>
    <div class="overflow-hidden rounded-bottom-3"><picture>
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=1208&amp;format=webpll 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=966&amp;format=webpll 966w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=724&amp;format=webpll 724w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=604&amp;format=webpll 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=483&amp;format=webpll 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=241&amp;format=webpll 241w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/webp">
<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png 1208w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=604 604w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=483 483w,https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png?width=302 302w" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 50vw, 604px" type="image/png">
<img class="width-full d-block height-auto js-build-in-item build-in-scale-fade" width="1208" height="764" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/illu-code-scanning.png">
</picture></div>
    

    <div data-target="card-skew.shine" class="position-absolute bottom-0 right-0 events-none z-n1"></div>
</div>  </card-skew>

  </div>

</div>

</div>
</div>

<div class="position-relative overflow-hidden" data-color-mode="dark" data-light-theme="light" data-dark-theme="dark">

  
<div class="container-xl position-relative z-2">
    <div class="river-mktg js-build-in-trigger d-flex gutter gutter-spacious my-5 my-sm-7 my-md-8 position-relative flex-md-items-center text-center flex-column" data-build-in-stagger="100" margin="false">
  <div class="col-12 py-3 mb-2">
    <div class="">
      
      
      
      
      <h2 class="color-fg-default mb-3 h3-mktg col-lg-8 mx-md-auto px-3">The place for anyone from anywhere to&nbsp;build&nbsp;anything</h2>
      <p class="mb-3 f3-mktg color-fg-muted px-3 mx-auto col-7-max">Whether you’re scaling your startup or just learning how to code, GitHub is your home. Join the world’s largest developer platform to build the innovations that empower humanity. Let’s&nbsp;build from&nbsp;here.</p>
      
              <div class="d-flex flex-justify-center mt-6">

        <div class="by-2 by-lg-0 bx-lg-2 d-flex flex-column flex-lg-row">
  <a class="btn-mktg btn-large-mktg" data-analytics-event="{&quot;category&quot;:&quot;Sign up for GitHub&quot;,&quot;action&quot;:&quot;click to Sign up for GitHub&quot;,&quot;label&quot;:&quot;ref_cta:Sign up for GitHub;&quot;}" href="/signup?ref_cta=Sign+up+for+GitHub&amp;ref_loc=Home+campaign+footer&amp;ref_page=%2F">
Sign up for GitHub

<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
  <a class="btn-mktg btn-large-mktg btn-muted-mktg" data-analytics-event="{&quot;category&quot;:&quot;Start a free enterprise trial&quot;,&quot;action&quot;:&quot;click to Start a free enterprise trial&quot;,&quot;label&quot;:&quot;ref_cta:Start a free enterprise trial;&quot;}" href="/organizations/enterprise_plan?ref_cta=Start+a+free+enterprise+trial&amp;ref_loc=Home+campaign+footer&amp;ref_page=%2F">
Start a free enterprise trial

<svg xmlns="http://www.w3.org/2000/svg" class="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path class="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" stroke-width="1.5" stroke-linecap="round"></path></svg>

</a>
</div>

      </div>

    </div>
  </div>

</div>  </div>

  <div class="position-relative z-2 user-select-none home-globe-scene js-webgl-globe-data">
<div class="home-globe-container home-globe-container-webgl mx-auto">
  <div class="mx-auto width-full home-globe position-relative height-full js-webgl-globe">
    <video width="916" height="918" loop="" muted="" playsinline="" preload="none" class="home-globe-container-video js-globe-fallback-video " hidden="">
      <source type="video/mp4; codecs=hevc,mp4a.40.2" src="https://github.githubassets.com/images/modules/site/home/globe-900.hevc.mp4">
      <source type="video/mp4; codecs=avc1.4D401E,mp4a.40.2" src="https://github.githubassets.com/images/modules/site/home/globe-900.h264.mp4">
    </video>
    <video loop="" muted="" playsinline="" preload="none" class="home-globe-container-video js-globe-fallback-video-small" hidden="">
      <source type="video/mp4; codecs=hevc,mp4a.40.2" src="https://github.githubassets.com/images/modules/site/home/globe-500.hevc.mp4">
      <source type="video/mp4; codecs=avc1.4D401E,mp4a.40.2" src="https://github.githubassets.com/images/modules/site/home/globe-500.h264.mp4">
    </video>
    <img srcset="https://github.githubassets.com/images/modules/site/home/globe-700.jpg 700w,
              https://github.githubassets.com/images/modules/site/home/globe.jpg 1400w" sizes="(max-width: 700px) 70vw, 700px" src="https://github.githubassets.com/images/modules/site/home/globe.jpg" alt="Planet earth with visualization of GitHub activity crossing the globe" class="width-full height-auto js-globe-fallback-image" loading="lazy" decoding="async" width="1238" height="1404" hidden="">

    

  <canvas width="900" height="900" class="webgl-canvas js-globe-canvas" style="display: block; width: 900px; height: 900px;"></canvas></div>
</div>

<video loop="" muted="" playsinline="" preload="none" class="js-globe-aurora position-absolute top-0 left-0 right-0 bottom-0" style="margin: auto; z-index: -1; min-width: 100%; min-height: 100%; -webkit-mask-image: -webkit-linear-gradient(transparent, #000 20%, transparent 90%);" hidden="">
  <source type="video/mp4; codecs=avc1.4D401E,mp4a.40.2" src="https://github.githubassets.com/images/modules/site/home/aurora.h264.mp4">
</video>
<div class="data-info position-absolute top-0 left-0 rounded text-mono f6 py-3 pl-2 pr-5 z-3 js-globe-popup text-white d-none" style="max-width: 450px; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px);">
    <a class="js-globe-popover-card no-underline d-flex flex-row flex-items-start">

      <div class="pr-2 pt-1 pl-2">
        <img src="https://github.githubassets.com/images/modules/site/home/globe/pull-request-icon.svg" aria-hidden="true" class="js-globe-popup-icon-pr" loading="lazy">
        <img src="https://github.githubassets.com/images/modules/site/home/globe/north-star.svg" aria-hidden="true" class="js-globe-popup-icon-acv mt-n1 d-none" width="24" loading="lazy">
      </div>

      <div>
        <div class="f4 color-text-white js-globe-popover-header">#34234 facebook/react</div>
        <div style="color: #959da5" class="js-globe-popover-body"></div>
      </div>

    </a>
  </div></div>


<picture>

<source srcset="https://github.githubassets.com/images/modules/site/home-campaign/footer-galaxy.jpg 801w,https://github.githubassets.com/images/modules/site/home-campaign/footer-galaxy.jpg?width=640 640w,https://github.githubassets.com/images/modules/site/home-campaign/footer-galaxy.jpg?width=480 480w,https://github.githubassets.com/images/modules/site/home-campaign/footer-galaxy.jpg?width=400 400w,https://github.githubassets.com/images/modules/site/home-campaign/footer-galaxy.jpg?width=320 320w,https://github.githubassets.com/images/modules/site/home-campaign/footer-galaxy.jpg?width=160 160w" sizes="100vw" type="image/jpeg">
<img class="position-absolute z-1 bottom-0 left-0 width-full height-full object-fit-cover d-block events-none" width="801" height="807" loading="lazy" decoding="async" alt="" aria-hidden="true" src="https://github.githubassets.com/images/modules/site/home-campaign/footer-galaxy.jpg">
</picture>

<div class="col-lg-3 mx-auto d-flex flex-justify-center position-relative z-2">
  <img alt="Mona looking at the galaxy" width="801" height="807" class="home-astrocat d-block events-none user-select-none" src="https://github.githubassets.com/images/modules/site/home-campaign/astrocat.png">
</div>

<svg xmlns="http://www.w3.org/2000/svg" fill="none" preserveAspectRatio="none" viewBox="0 0 1680 40" class="position-absolute width-full z-1" style="bottom: -1px;"><path d="M0 40h1680V30S1340 0 840 0 0 30 0 30z" fill="#0D1117"></path></svg>



</div>
<div class="container-xl p-responsive" data-dark-theme="dark" data-color-mode="dark">
<ul class="list-style-none col-lg-9 color-fg-muted f5 pt-8">
  <li><sup id="footnote-1">1</sup> The Total Economic Impact™ Of GitHub Enterprise Cloud and Advanced Security, a commissioned study conducted by Forrester Consulting, 2022. Results are for a composite organization based on interviewed customers.</li>
  <li><sup id="footnote-2">2</sup> GitHub, Octoverse 2022 The state of open source software.</li>
</ul>
</div>

</main>

</div>

          <footer role="contentinfo" class="footer pt-6 position-relative" data-color-mode="dark" data-dark-theme="dark">
<div class="container-xl p-responsive">
  <div class="d-flex flex-wrap py-5 mb-5">
    <div class="col-12 col-lg-4 mb-5">
      <a href="/" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to home&quot;,&quot;label&quot;:&quot;text:home&quot;}" class="color-fg-default d-inline-block" aria-label="Go to GitHub homepage">
        <svg height="30" aria-hidden="true" viewBox="0 0 45 16" version="1.1" width="84" data-view-component="true" class="octicon octicon-logo-github footer-logo-mktg width-auto d-block">
  <path d="M8.81 7.35v5.74c0 .04-.01.11-.06.13 0 0-1.25.89-3.31.89-2.49 0-5.44-.78-5.44-5.92S2.58 1.99 5.1 2c2.18 0 3.06.49 3.2.58.04.05.06.09.06.14L7.94 4.5c0 .09-.09.2-.2.17-.36-.11-.9-.33-2.17-.33-1.47 0-3.05.42-3.05 3.73s1.5 3.7 2.58 3.7c.92 0 1.25-.11 1.25-.11v-2.3H4.88c-.11 0-.19-.08-.19-.17V7.35c0-.09.08-.17.19-.17h3.74c.11 0 .19.08.19.17Zm35.85 2.33c0 3.43-1.11 4.41-3.05 4.41-1.64 0-2.52-.83-2.52-.83s-.04.46-.09.52c-.03.06-.08.08-.14.08h-1.48c-.1 0-.19-.08-.19-.17l.02-11.11c0-.09.08-.17.17-.17h2.13c.09 0 .17.08.17.17v3.77s.82-.53 2.02-.53l-.01-.02c1.2 0 2.97.45 2.97 3.88ZM27.68 2.43c.09 0 .17.08.17.17v11.11c0 .09-.08.17-.17.17h-2.13c-.09 0-.17-.08-.17-.17l.02-4.75h-3.31v4.75c0 .09-.08.17-.17.17h-2.13c-.08 0-.17-.08-.17-.17V2.6c0-.09.08-.17.17-.17h2.13c.09 0 .17.08.17.17v4.09h3.31V2.6c0-.09.08-.17.17-.17Zm8.26 3.64c.11 0 .19.08.19.17l-.02 7.47c0 .09-.06.17-.17.17H34.6c-.07 0-.14-.04-.16-.09-.03-.06-.08-.45-.08-.45s-1.13.77-2.52.77c-1.69 0-2.92-.55-2.92-2.75V6.25c0-.09.08-.17.17-.17h2.14c.09 0 .17.08.17.17V11c0 .75.22 1.09.97 1.09s1.3-.39 1.3-.39V6.26c0-.11.06-.19.17-.19Zm-17.406 5.971h.005a.177.177 0 0 1 .141.179v1.5c0 .07-.03.14-.09.16-.1.05-.74.22-1.27.22-1.16 0-2.86-.25-2.86-2.69V8.13h-1.11c-.09 0-.17-.08-.17-.19V6.58c0-.08.05-.15.13-.17.07-.01 1.16-.28 1.16-.28V3.96c0-.08.05-.13.14-.13h2.16c.09 0 .14.05.14.13v2.11h1.59c.08 0 .16.08.16.17v1.7c0 .11-.07.19-.16.19h-1.59v3.131c0 .47.27.83 1.05.83.247 0 .481-.049.574-.05ZM12.24 6.06c.09 0 .17.08.17.17v7.37c0 .18-.05.27-.25.27h-1.92c-.17 0-.3-.07-.3-.27V6.26c0-.11.08-.2.17-.2Zm29.99 3.78c0-1.81-.73-2.05-1.5-1.97-.6.04-1.08.34-1.08.34v3.52s.49.34 1.22.36c1.03.03 1.36-.34 1.36-2.25ZM11.19 2.68c.75 0 1.36.61 1.36 1.38 0 .77-.61 1.38-1.36 1.38-.77 0-1.38-.61-1.38-1.38 0-.77.61-1.38 1.38-1.38Zm7.34 9.35v.001l.01.01h-.001l-.005-.001v.001c-.009-.001-.015-.011-.024-.011Z"></path>
</svg>
      </a>

      <div>
        <h2 class="h5 mt-4" id="subscribe-to-newsletter">Subscribe to our newsletter</h2>
        <p class="f5 color-fg-muted mb-3">Get product updates, company news, and more.</p>
        <a class="btn-mktg mb-4 btn-muted-mktg" data-analytics-event="{&quot;category&quot;:&quot;Subscribe&quot;,&quot;action&quot;:&quot;click to Subscribe&quot;,&quot;label&quot;:&quot;ref_cta:Subscribe;&quot;}" href="https://resources.github.com/newsletter/">
Subscribe


</a>
      </div>

    </div>

    <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4">
      <h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
        Product
      </h2>

      <ul class="list-style-none color-fg-muted f5">
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to features&quot;,&quot;label&quot;:&quot;text:features&quot;}" href="/features">Features</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to security&quot;,&quot;label&quot;:&quot;text:security&quot;}" href="/security">Security</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to team&quot;,&quot;label&quot;:&quot;text:team&quot;}" href="/team">Team</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to enterprise&quot;,&quot;label&quot;:&quot;text:enterprise&quot;}" href="/enterprise">Enterprise</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to customer stories&quot;,&quot;label&quot;:&quot;text:customer stories&quot;}" href="/customer-stories?type=enterprise">Customer stories</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to the readme project&quot;,&quot;label&quot;:&quot;text:the readme project&quot;}" href="/readme">The ReadME Project</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to pricing&quot;,&quot;label&quot;:&quot;text:pricing&quot;}" href="/pricing">Pricing</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to resources&quot;,&quot;label&quot;:&quot;text:resources&quot;}" href="https://resources.github.com">Resources</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to roadmap&quot;,&quot;label&quot;:&quot;text:roadmap&quot;}" href="https://github.com/github/roadmap">Roadmap</a>
        </li>
      </ul>
    </div>

    <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
      <h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
        Platform
      </h2>

      <ul class="list-style-none f5">
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to api&quot;,&quot;label&quot;:&quot;text:api&quot;}" href="https://docs.github.com">Developer API</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to partner&quot;,&quot;label&quot;:&quot;text:partner&quot;}" href="https://partner.github.com">Partners</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to electron&quot;,&quot;label&quot;:&quot;text:electron&quot;}" href="https://www.electronjs.org">Electron</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to desktop&quot;,&quot;label&quot;:&quot;text:desktop&quot;}" href="https://desktop.github.com/">GitHub Desktop</a>
        </li>
      </ul>
    </div>

    <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
      <h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
        Support
      </h2>

      <ul class="list-style-none f5">
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to help&quot;,&quot;label&quot;:&quot;text:Docs&quot;}" href="https://docs.github.com">Docs</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to community&quot;,&quot;label&quot;:&quot;text:community&quot;}" href="https://github.community">Community Forum</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to professional services&quot;,&quot;label&quot;:&quot;text:professional services&quot;}" href="https://services.github.com/">Professional Services</a>
        </li>
          <li class="lh-condensed mb-3">
            <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to premium support&quot;,&quot;label&quot;:&quot;text:premium support&quot;}" href="/premium-support">Premium Support</a>
          </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to skills&quot;,&quot;label&quot;:&quot;text:skills&quot;}" href="https://skills.github.com/">Skills</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to status&quot;,&quot;label&quot;:&quot;text:status&quot;}" href="https://www.githubstatus.com/">Status</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to contact&quot;,&quot;label&quot;:&quot;text:contact&quot;}" href="https://support.github.com?tags=dotcom-footer">Contact GitHub</a>
        </li>
      </ul>
    </div>

    <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
      <h2 class="h5 mb-3 text-mono color-fg-muted text-normal">
        Company
      </h2>

      <ul class="list-style-none f5">
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to about&quot;,&quot;label&quot;:&quot;text:about&quot;}" href="https://github.com/about">About</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to blog&quot;,&quot;label&quot;:&quot;text:blog&quot;}" href="https://github.blog">Blog</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to careers&quot;,&quot;label&quot;:&quot;text:careers&quot;}" href="/about/careers">Careers</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to press&quot;,&quot;label&quot;:&quot;text:press&quot;}" href="/about/press">Press</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to diversity&quot;,&quot;label&quot;:&quot;text:Inclusion&quot;}" href="/about/diversity">Inclusion</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to social impact&quot;,&quot;label&quot;:&quot;text:social impact&quot;}" href="https://socialimpact.github.com/">Social Impact</a>
        </li>
        <li class="lh-condensed mb-3">
          <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to shop&quot;,&quot;label&quot;:&quot;text:shop&quot;}" href="https://shop.github.com">Shop</a>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="color-bg-subtle">
  <div class="container-xl p-responsive f6 py-4 d-sm-flex flex-justify-between flex-row-reverse flex-items-center">
    <ul class="list-style-none d-flex flex-items-center mb-3 mb-sm-0 lh-condensed-ultra">
      <li class="mr-3">
        <a href="https://twitter.com/github" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Twitter&quot;,&quot;label&quot;:&quot;text:twitter&quot;}" class="color-fg-subtle">
          <img src="https://github.githubassets.com/images/modules/site/icons/footer/twitter.svg" height="18" width="22" class="d-block" loading="lazy" decoding="async" alt="Twitter icon">
          <span class="sr-only">GitHub on Twitter</span>
        </a>
      </li>
      <li class="mr-3">
        <a href="https://www.facebook.com/GitHub" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Facebook&quot;,&quot;label&quot;:&quot;text:facebook&quot;}" class="color-fg-subtle">
          <img src="https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg" width="18" height="18" class="d-block" loading="lazy" decoding="async" alt="Facebook icon">
          <span class="sr-only">GitHub on Facebook</span>
        </a>
      </li>
      <li class="mr-3 flex-self-start">
        <a href="https://www.linkedin.com/company/github" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Linkedin&quot;,&quot;label&quot;:&quot;text:linkedin&quot;}" class="color-fg-subtle">
          <img src="https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg" width="19" height="18" class="d-block" loading="lazy" decoding="async" alt="Linkedin icon">
          <span class="sr-only">GitHub on LinkedIn</span>
        </a>
      </li>
      <li class="mr-3">
        <a href="https://www.youtube.com/github" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to YouTube&quot;,&quot;label&quot;:&quot;text:youtube&quot;}" class="color-fg-subtle">
          <img src="https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg" width="23" height="16" class="d-block" loading="lazy" decoding="async" alt="YouTube icon">
          <span class="sr-only">GitHub on YouTube</span>
        </a>
      </li>
      <li class="mr-3">
        <a href="https://www.twitch.tv/github" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Twitch&quot;,&quot;label&quot;:&quot;text:twitch&quot;}" class="color-fg-subtle">
          <img src="https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg" width="18" height="18" class="d-block" loading="lazy" decoding="async" alt="Twitch icon">
          <span class="sr-only">GitHub on Twitch</span>
        </a>
      </li>
      <li class="mr-3">
        <a href="https://www.tiktok.com/@github" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to tiktok&quot;,&quot;label&quot;:&quot;text:tiktok&quot;}" class="color-fg-subtle">
          <img src="https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg" width="18" height="18" class="d-block" loading="lazy" decoding="async" alt="TikTok icon">
          <span class="sr-only">GitHub on TikTok</span>
        </a>
      </li>
      <li>
        <a href="https://github.com/github" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to github's org&quot;,&quot;label&quot;:&quot;text:github&quot;}" class="color-fg-subtle">
          <img src="https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg" width="20" height="20" class="d-block" loading="lazy" decoding="async" alt="GitHub mark">
          <span class="sr-only">GitHub’s organization on GitHub</span>
        </a>
      </li>
    </ul>

    <ul class="list-style-none d-flex flex-wrap color-fg-muted">
      <li class="mr-3">
        © 2023 GitHub, Inc.
      </li>

      <li class="mr-3">
        <a href="https://docs.github.com/site-policy/github-terms/github-terms-of-service" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to terms&quot;,&quot;label&quot;:&quot;text:terms&quot;}" class="Link--secondary">Terms</a>
      </li>

      <li class="mr-3">
        <a href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to privacy&quot;,&quot;label&quot;:&quot;text:privacy&quot;}" class="Link--secondary">Privacy</a>
        (<a href="https://github.com/github/site-policy/pull/582" class="Link--secondary">Updated 08/2022</a>)
      </li>

      <li class="mr-3">
        <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to sitemap&quot;,&quot;label&quot;:&quot;text:sitemap&quot;}" href="/sitemap">Sitemap</a>
      </li>

      <li>
        <a class="Link--secondary" data-analytics-event="{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;go to Git Guides&quot;,&quot;label&quot;:&quot;text:What is Git?&quot;}" href="/git-guides">What is Git?</a>
      </li>
    </ul>
  </div>
</div>
</footer>




<div id="ajax-error-message" class="ajax-error-message flash flash-error" hidden="">
  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
  <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg>
  <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
  <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
</svg>
  </button>
  You can’t perform that action at this time.
</div>

<div class="js-stale-session-flash flash flash-warn flash-banner" hidden="">
  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
  <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg>
  <span class="js-stale-session-flash-signed-in" hidden="">You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
  <span class="js-stale-session-flash-signed-out" hidden="">You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
</div>
  <template id="site-details-dialog">
<details class="details-reset details-overlay details-overlay-dark lh-default color-fg-default hx_rsm" open="">
  <summary role="button" aria-label="Close dialog"></summary>
  <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal">
    <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog="">
      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
  <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
</svg>
    </button>
    <div class="octocat-spinner my-6 js-details-dialog-spinner"></div>
  </details-dialog>
</details>
</template>

  <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;" tabindex="0">
<div class="Popover-message Popover-message--bottom-left Popover-message--large Box color-shadow-large" style="width:360px;"></div>
</div>

  <template id="snippet-clipboard-copy-button">
<div class="zeroclipboard-container position-absolute right-0 top-0">
  <clipboard-copy aria-label="Copy" class="ClipboardButton btn js-clipboard-copy m-2 p-0 tooltipped-no-delay" data-copy-feedback="Copied!" data-tooltip-direction="w">
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon m-2">
  <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none m-2">
  <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
</svg>
  </clipboard-copy>
</div>
</template>
<template id="snippet-clipboard-copy-button-unpositioned">
<div class="zeroclipboard-container">
  <clipboard-copy aria-label="Copy" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 tooltipped-no-delay d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w">
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon">
  <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-none">
  <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
</svg>
  </clipboard-copy>
</div>
</template>




  </div>

  <div id="js-global-screen-reader-notice" class="sr-only" aria-live="polite"></div>



</body>